html - IE 中显示的菜单

Question

在 IE 中，我的菜单显示如下图。如果菜单长度很短，则两个菜单放在一起。

如何解决这个菜单。

我的 CSS 代码:

.module-content{ float:left;margin: 8px 11px 4px;}

.module-content ul{   float: left; margin: 0; padding: 0 0 0 0px; width: 99%;}  

.module-content ul li{list-style:none;  background: url("../images/red-arrow.png") 0 5px no-repeat; padding-left:12px;}

.module-content ul li a{  color: #393939; font: 12px Verdana,Geneva,sans-serif;}

.module-content ul li a:hover{  color: #EF2030; }

Answer 1

将.module-content ul li的宽度设置为与module-content ul相同的宽度。