菜单显示在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相同的宽度。

Answer 2

确保当.module-content ul li的宽度与.module-content ul相同时，.module-content ul li也有'display：block'