Internet Explorer(IE)中的JQuery Rounded Corners搞砸了

我正在使用JQuery的jquery.corner.js在某些td标签上创建圆角,它们在IE中看起来很好除外

如果您打开一个新选项卡,然后返回该页面

如果您转到另一个选项卡,请单击链接,然后返回到该页面

如果你将鼠标悬停在执行javascript的div /菜单上(我认为).

圆角被水平线替换,td标签内的文本被向下推.但是,刷新页面后,渲染将恢复正常.在所有情况下,它在Firefox中完美运行.

有任何想法吗？

作为参考,我正在使用的Javascript代码如下(这是一个MOSS 2007页面):

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

这是一个示例HTML页面,可以完美地显示问题:

    
        
        
        
    
    
        

            

                

                    TD that will be messed up.
                
            
        
        

            divs don't get messed up.
        
    

在上面的代码中,一旦你打开一个新标签,TD就会搞砸了,但不是div.我对MOSS发出的HTML没有多少控制权,否则我可能会咬紧牙关并在这里使用DIV而不是表.

在IE中,我使用DD_Roundies库获得了更好的结果.仅适用于IE浏览器.对于Firefox,您需要添加-moz-border-radius样式.