0

好的，这是它应该看起来像的屏幕截图：

ul 显示正确

这是它在 Firefox 2 中的截图（在 Mac 和 PC 上）......

ul 显示不正确

所有其他浏览器都正确（甚至 IE6？！）。

源代码是一个使用带有 :hover 效果的 Sprite 的无序列表。这是给你的一些代码：

的HTML：

<div id="votes">
    <ul id="voteOptions">
        <li id="labour"><a href="#">Labour</a></li>
        <li id="conservative"><a href="#">Conservative</a></li>
        <li id="libdem"><a href="#">Liberal Democrat</a></li>
    </ul>
</div>

CSS：

#votes {
 width:653px;
 position:relative;
 top:-440px;
 margin-left:auto;
 margin-right:auto;
}

ul#voteOptions li a{  
    height: 75px;  
    float: left;  
    text-indent: -9999px;  
    margin-bottom:50px;
}  

ul#voteOptions li#labour a{  
    width: 653px;  
    background: url('votes.png') no-repeat 0px -2px; 
}

ul#voteOptions li#labour a:hover{  
    background: url('votes.png') no-repeat 0px -77px;  
}

ul#voteOptions li#conservative a{  
    width: 653px;  
    background: url('votes.png') no-repeat 0px -152px;  
}
//...
//(etc. etc - code repeats for conservative and libdem, you get the idea).

那么我做错了什么？我已经尝试了很多东西，但似乎无法让这个该死的东西在 FF2 中工作。

杰克

4

1 回答 1

1

正在ul#voteOptions li { clear: both; }解决问题吗？

于 2010-04-07T16:32:20.300 回答