为什么css标签在ie和firefox中看起来不同

Question

我用css创建了一些标签，但它们看起来很糟糕，即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;）