为什么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重置;）