Right to left unordered list
I am trying to make an unordered list to behave in different browsers. I have a 2-level list box that I am trying to display horizontally on one line. on safari and firefox everything looks good. on IE (7) everything goes blank for some reason, and only when I try to make the list right to left. when i try to display it from left to right all browsers behave.
a simple example of what I was doing is here: http://www.g6pdrecords.com/svk/test.html The CSS is in.
any ideas anyone? thanks
a source to share
Something like this should work even in IE6.
I removed absolute positioning from #menu
since it can be done without it, but you can return it if you really need it.
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;
}
Actually the HTML needs to be changed too, the validator will want to see nested ul
insideli
<ul>
<li>item1</li>
<li>item2</li>
<li>
<ul>
<li>sub item3</li>
<li>sub item4</li>
</ul>
</li>
</ul>
a source to share