почему вкладки css выглядят по-разному в IE и firefox

Я создал несколько вкладок, используя 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