為什么css選項卡在ie和firefox中看起來不同

Question

我已經使用CSS創建了一些標簽，但是它們在ie 7中看起來很恐怖。為什么？ 這是HTML

<ul>
    <li><a href='view.php'>View</a><li>
    <li><a href='logout.php'>Logout</a><li>
    <li><a href='www.google.com'>Search</a><li>
</ul>

這是CSS

ul{list-style:none;height:20px;}
li{background-color:#ff0;float:left;margin:5px;width:60px;text-align:center;display:block;}
li:hover{background-color:#009;}
a{text-decoration:none;}

這是ff的樣子

這就是它的外觀

Answer 1

您沒有正確終止列表項。 嘗試用</li>替換行末的每個<li> ，您應該會很好。

Answer 2

您是否嘗試過重置CSS：

http://meyerweb.com/eric/tools/css/reset/

這可能是可觀的...

編輯

@Kaivosukeltaja是正確的：

<li>...</li>

將解決您的問題。 但是您可以在頁面上讓CSS重置;）