¿La lista no muestra el IE en línea?

Question

El siguiente código funciona bien en Firefox, pero la lista no se muestra en línea con IE.

<div id="nav">
    <ul>
        <li><a href="#">1</a></li>
        <li><a href="#">2</a></li>
        <li><a href="#">3</a></li>
        <li><a href="#">4</a></li>
        <li><a href="#">5</a></li>
    </ul>
</div>

CSS:

#nav
{
    width: 800px;
    padding: 0px; 
    margin: 0 auto; 
    list-style-type: none;  
}

#nav ul li a 
{
    font-size: 18px;    
    text-decoration: none;   
    text-align: center;  
    color: #ffffff;   
    background-color: #003366;   
    padding: 20px;
    list-style: none;
    float: left; 
    list-style-type: none; 
    line-height: 5px; 
    display: inline; 
    margin-left: 5px; 
}

#nav ul li a:hover 
{
    background-color: #ccc;
}

También en IE, ¿siguen apareciendo los puntos?

Answer 1

#nav
{
    width: 800px;
    padding: 0px; 
    margin: 0 auto; 
    list-style-type: none;  
}

#nav ul li
{
    text-align: center;  
    background-color: #003366;   
    list-style: none;
    list-style-type: none; 
    margin-left: 5px; 
    display: inline; 
    float: left; 
}

#nav ul li a 
{
    font-size: 18px;    
    text-decoration: none;   
    color: #ffffff;   
    line-height: 5px; 
    padding: 20px;
    display: inline-block; 
}

#nav ul li a:hover
{
    background-color: #ccc;  
}

Answer 2

Creo que el problema es que pones el CSS en el #nav ul li a, y esto debería estar en el elemento #nav ul li.

Consulte este artículo para obtener una muy buena explicación sobre el estilo de lista. La sección sobre listas en línea debería ser de particular interés para usted.

Answer 3

Estás poniendo el tipo de estilo de lista en tu div pero no en tu elemento ul. list-style-type no se hereda de elementos que no están en una lista en IE.