Меню навигации не совсем работает в IE7

Question

У меня проблемы с меню навигации на моем сайте. Он прекрасно работает во всех браузерах и версиях, кроме IE 7, и ему было интересно, если кто-то может диагностировать, что может быть не так.

Мой CSS

nav {
    background: url(../images/links-bg.jpg) repeat-x;
    width: 593px;
    height:60px;
    float: right;
    border-top: 1px solid #991318;
    border-right: 1px solid #991318;
    border-bottom: 1px solid #991318;
    border-left: none;
}

nav li {
    float: left;
    list-style-type: none;
    margin: 5px 40px 0 0;
    padding: 0;
    line-height: 20px;
}

nav ul li a {
    color: #991318;
    display: block;
    font-weight: normal;
    text-decoration: none;
    font-family: 'MEgalopolisExtraRegular', Arial, sans-serif; 
    font-size: 1.5em;
    text-transform: uppercase;

}
nav li a:hover, nav li .selected {
    color: #352E24;
}

Мой HTML

<nav id="nav">
      <li><a href="#">Home</a></li>
           <li><a href="#">About Us</a></li>
                    <li><a href="#">Services</a></li>
                    <li><a href="#">Products</a></li>
                    <li><a href="#">Contact</a></li>
</nav>

Кто-нибудь знает, что может быть причиной> Мой CSS выключен?

Любая помощь или предложения приветствуются.

И я не ценю людей, которые жалуются на кодирование для IE 7. Я кодирую это, а не вы, поэтому, если у вас нет ничего, чтобы поддержать вас, не говорите это вообще.

Answer 1

IE 7 не понимает элемент nav, вам нужно использовать ul вместо