liste non ordonnée droite-à-gauche

Question

J'essaie de faire une liste non ordonnée pour se comporter dans différents navigateurs. J'ai une liste de 2 niveaux que j'essaye d'afficher horizontalement dans une ligne. sur Safari et Firefox tout semble bon. sur IE (7) tout devient dingue pour une raison quelconque, et seulement quand j'essaie de faire passer la liste de droite à gauche. Lorsque j'essaie de l'afficher de gauche à droite, tous les navigateurs se comportent. Un exemple simple de ce que je faisais ici est: http://www.g6pdrecords.com/svk/test.html le CSS se trouve dans le.

des idées quelqu'un? merci

Answer 1

Quelque chose comme ça devrait même fonctionner dans IE6.

J'ai supprimé le positionnement absolu de #menu car cela peut être fait sans, mais vous pouvez le remettre si vous en avez vraiment besoin.

div#contain{ 
margin:0 auto; 
border: 1px dashed #000000; 
width: 1000px; 
height: 600px; 
} 
div#menu{ 
overflow:hidden; 
margin-top:50px; 
border: 1px dashed #FF00FF; 
text-align:right; 
} 
ul{ 
list-style-type: none; 
display: inline; 
margin: 0px; 
padding: 0px; 
} 
ul li{ 
margin: 0px; 
padding: 0px; 
float:right; 
} 

En fait, le HTML doit être changé un peu trop, validator voulez voir imbriquées ul l'intérieur de li:

<ul> 
<li>item1</li> 
<li>item2</li> 
<li> 
    <ul> 
    <li>sub item3</li> 
    <li>sub item4</li> 
    </ul> 
</li> 
</ul>