right-to-left неупорядоченный список

Question

Я пытаюсь сделать неупорядоченный список, чтобы вести себя в разных браузерах. У меня есть 2 уровня, который я пытаюсь отобразить горизонтально в одной строке. на сафари и firefox все выглядит хорошо. на IE (7) по какой-то причине все гаснет, и только когда я пытаюсь сделать список направо налево. , когда я пытаюсь отобразить его слева направо, все браузеры ведут себя.

простой пример того, что я делал здесь: http://www.g6pdrecords.com/svk/test.html CSS находится в.

любые идеи кто-нибудь? спасибо

Answer 1

Нечто подобное должно работать даже в IE6.

Я удалил абсолютное позиционирование от #menu, так как это можно сделать без него, но вы можете вернуть его, если вам это действительно нужно.

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; 
} 

На самом деле HTML должен быть изменен немного слишком, validator хотят видеть вложенные ul внутри li:

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