css - IE6 背景位置(？)问题

Question

我将申请 stackoverflow 作为最后的选择。我在使用链接背景的图像时遇到了这个 ie6 错误。看来 ie6 滚动背景。我该如何避免？

在某些宽度上它显示如下:
alt text http://img135.imageshack.us/img135/8849/badie1.png

在其他一些情况下它是这样显示的:
alt text http://img522.imageshack.us/img522/8180/badie2.png

IE7 和 FF 显示这个就像我期望的那样:
alt text http://img142.imageshack.us/img142/2296/goodie.png
链接放置在向右浮动的 div 中。

<a href="/tr" class="menuLink" style="background-image:url(/img/tr.png);">TR</a>
<a href="/eng" class="menuLink" style="background-image:url(/img/eng.png); margin-right:30px;">ENG</a>
<a href="/logout" class="menuLink" style="background-image:url(/img/logout.png);"><?=$ui["exit"];?></a>

   .menuLink {
     font-family:"Tahoma";
     font-size:11px;
     color:#003300;
     text-decoration:underline;
     font-weight: bold;
     background-position:0% 50%;
     background-repeat:no-repeat;
    }
     .menuLink:hover {
     font-size:11px;
     color:#047307;
     text-decoration:underline;
     font-weight: bold;
     }

有什么提示可以避免这种情况吗？

Answer 1

我自己刚遇到这个问题，我发现在带有背景图片的元素上使用 overflow:hidden 解决了我的很多 IE6 问题(虽然不是全部)。