JQuery Rounded Corners in Internet Explorer (IE) messed up

$(document).ready(function(){
   $("table.ms-navheader td").corner("top");
});

<html>
    <head>
    	<script type="text/javascript" src="jquery-1.2.6.js"></script>
    	<script type="text/javascript" src="jquery.corner.js"></script>
    	<script type="text/javascript">
    	  <!--

    		$(document).ready(function()
    		{
    			$("div").corner("top");
    			$("td").corner();
    		});

    	  //-->
    	</script>
    </head>
    <body>
    	<table>
    		<tr>
    			<td style="background-color: blue">
    				TD that will be messed up.
    			</td>
    		</tr>
    	</table>
    	<div style="background-color: green">
    		divs don't get messed up.
    	</div>
    </body>
</html>

$('.selected').css('background-color', '#3296C0');

$('#top-nav li a').hover(function(){
        $(this).corners('top');
    });