css - 从右到左的无序列表

Question

我正在尝试制作一个无序列表以在不同的浏览器中运行。我有一个 2 级列表，我试图在一行中水平显示。在 safari 和 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 也应该稍作改动，验证器会希望看到嵌套ul在li：

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