IE 8 Compatibility View Issues

IE 8 Compatibility View Issues

Please check out the following link (in IE 8): http://www.expertpcservice.com/eugene/
 
As you will notice if you click on Show Player Rows: Button 2 and then Button 1 it works fine.  Then if you try to click on Show Front 9/Back 9: Button F it will go into compatibility view, and then buttons 1 and 2 do not work any more.
 
Below is the following functions that are run when you click on the respective buttons:
  1. /*Function for Button 1*/
     function display1Row() {
      $('tr.playerRow2_off').removeClass('playerRow2_on');
      //$('tr.playerRow3_off').removeClass('playerRow3_on');
     }
     /*Function for Button 2*/
     function display2Rows() {
      $('tr.playerRow2_off').addClass('playerRow2_on');
      //$('tr.playerRow3_off').removeClass('playerRow3_on');
     }
     
     /*Function for Button F*/ 
     function displayFRows() {
      $('tr.teeTime_B_on').addClass('teeTime_B_off');
      $('tr.teeTime_F_off').removeClass('teeTime_F_off');
     }
     
     /*Function for Button B*/
     function displayBRows() {
      $('tr.teeTime_F_on').addClass('teeTime_F_off');
      $('tr.teeTime_B_off').removeClass('teeTime_B_off');
     }
     
     /*Function for Button FB*/
     function displayFBRows() {
      $('tr.teeTime_F_off').removeClass('teeTime_F_off');
      $('tr.teeTime_B_off').removeClass('teeTime_B_off');
      //$('tr.playerRow3_off').removeClass('playerRow3_on');
     } 



























Here is how I am setting the row class: Where #FB# would equal to F or B

  1. <tr class="teeTime_#FB#_on">

Does any one have any insight as to why IE 8 goes into compatibility view when you click on button F and then buttons 1 and 2 do not work?  FYI this work completely fine in FireFox 2.

You help is greatly appreciated.  Thank you.

- Eugene