Problem with show() and hide() in IE8

Problem with show() and hide() in IE8

this code doesnt seem to work in IE 8, but works great in ie7 FF, chrome, safari. Is this a known bug?
  1. $("td.dontShow").css("display","none");
  2. $("#clients_scroll_left").click(function(){
          $("td.dontShow").hide(300);
    });

  3. $("#clients_scroll_right").click(function(){
          $("td.dontShow").show(300);
    });


  1. <table>
  2. <tr>
  3.       <td>content</td>
  4.       <td>content</td>
  5.       <td class="dontShow">content</td>
  6. </tr>
  7. </table>
nothing happens when i click once #clients_scroll_right, but when i click #clients_scroll_left the hidden td shows and then hides quickly.