奇怪的CSS下拉菜单

Question

我有以下下拉菜单：http://jsfiddle.net/fE4YH/

问题是下拉菜单项不对齐，它们位于中间的某个位置。有没有一种简单的方法来解决这个问题？

感谢。

Answer 1

我编辑了你的代码。只需改变text-align：right to float：right;

#nav li ul li
   {
   font-size:12px;
   font-family: 'MankSans-Bold','Trebuchet MS',arial,sans-serif;
   text-transform: lowercase;
   float:right;
   margin-right:0;
   padding-right:0;
   }

似乎工作..

Answer 2

您可以更改为宽度：自动宽度：12 em：

   #nav li ul {
   background: none repeat scroll 0 0 orange;
   left: -999em;
   position: absolute;
   width: auto;
   margin-right:-20px;
   padding-right:-20px;
   }

并添加清楚：这两个：

  #nav li ul li
   {
   font-size:12px;
   font-family: 'MankSans-Bold','Trebuchet MS',arial,sans-serif;
   text-transform: lowercase;
   text-align:right;
   margin-right:0;
   padding-right:0;
   clear:both;
   }

它可以跨浏览器工作。