IE7 List bugs?
Looks good.
The menu markup:
<ul id="navbar"> <li><a href="#">Link 1</a></li> <li><a href="#">Link 2...</a> <ul> <li><a href="#">Sublink 1</a></li> <li><a href="#">Sublink 2</a></li> <li><a href="#">Sublink 3</a></li> <li><a href="#">Sublink 4</a></li> </ul> </li> <li><a href="#">Link 3</a></li> <li><a href="#">Link 4</a></li> <li><a href="#">Link 5</a></li> </ul>
The CSS:
#navbar, #navbar ul{
margin: 0;
padding: 0;
}
#navbar li {
list-style-type: none;
margin: 0;
}
#navbar a {
display: block;
padding: 3px 6px;
color: #FFFFFF;
text-decoration: none;
background-color: #F49300;
border-top: 1px solid #FFB546;
border-right: 1px solid #D58000;
border-bottom: 1px solid #D58000;
border-left: 1px solid #FFB546;
}
#navbar ul a {
padding: 3px 6px 3px 24px;
}
#navbar a:hover, #navbar a:active, #navbar a:focus {
color: #333333;
background-color: #FFA928;
}
There are no IE7-specific fixes on this page.