#Nav ne s'affiche pas dans IE6

Question

Pour une raison quelconque ce site affiche bien dans tous les navigateurs, mais IE6. Dans IE6 la navigation supérieure ne présente pas du tout ... Toute aide serait appréciée:

J'ai placé le code ci-dessous (je devais prendre urls image pour poster):

<div id="nav"> 
    <ul> 
    <li class="floatLeft" id="contact">Contact</li> 
    <li id="about">About</li> 
    <li id="resume">Resume</li> 
    <li class="floatLeft" id="work">Work</li> 
    </ul> 
</div> 

I J'utilise aussi une feuille CSS avec les définitions suivantes:

#nav { 
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 18px; 
    height: 50px; 
    width: 214px; 
    position: absolute; 
    text-decoration: none; 
    list-style-type: none; 
    left: 780px; 
    right: auto; 
    margin: 0px; 
    padding: 0px; 
    top: 52px; 
    z-index: 800; 
    zoom: 1; 
} 

#nav ul { 
    margin: 0px; 
    padding: 0px; 
    list-style-type: none; 
    display: block; 
} 

#nav ul li { 
    float: left; 
    overflow: hidden; 
    text-decoration: none; 
    padding: 0px; 
    text-indent: -9000px; 
    margin-top: 0px; 
    margin-right: 10px; 
    margin-bottom: 0px; 
    margin-left: 0px; 
} 

#nav ul a { 
    display: block; 
} 

#nav #contact a { 
    background-position: left top; 
    width: 43px; 
    background-repeat: no-repeat; 
    background-image: url(); 
    height: 50px; 
    text-decoration: none; 
} 

#nav #about a { 
    width: 44px; 
    background-image: url(); 
    background-repeat: no-repeat; 
    height: 50px; 
    background-position: left top; 
    text-decoration: none; 
} 

#nav #resume a { 
    background-repeat: no-repeat; 
    height: 50px; 
    width: 43px; 
    text-decoration: none; 
    background-image: url(); 
} 

#nav #work a { 
    background-repeat: no-repeat; 
    width: 44px; 
    background-image: url(); 
    height: 50px; 
    background-position: left top; 
    text-decoration: none; 
} 

Answer 1

Avez-vous un doctype valide complet dans votre code HTML? Parfois IE passe en mode bizarreries et fait des choses bizarres sans un ... juste une pensée.

Answer 2

Il ne peut pas non plus être affiché dans les autres navigateurs, puisque vous avez obtenu text-indent: -9000px; dans #nav ul li. Cela pousse le tout hors de vue.

supplémentaires:

Est-ce vraiment nécessaire le width: 214px; en #nav? Il pousse le #work LI.

Answer 3

Le problème peut être les éléments flottants <li> et comment ils interagissent avec le contenu <ul>. Je pourrais essayer de donner le <ul> une hauteur définie ou peut-être déborder: auto.