<UL>顯示不正確-在Firefox 2以外的所有瀏覽器中都能正常工作（包括屏幕截圖）

Question

OK，下面是什么它應該看起來像一個截圖：

這是它在Firefox 2（在Mac和PC上）中的外觀的屏幕截圖...

其他所有瀏覽器都正確（甚至是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中工作。

插口

Answer 1

ul#voteOptions li { clear: both; } ul#voteOptions li { clear: both; }固定的問題？