html - 为什么 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 中的样子

这是在ie中的样子

Answer 1

您没有正确终止列表项。尝试更换每个 <li>在带有 </li> 的行的末尾你应该很好。