li面包屑图像定位错误

Question

我有以下菜单。

<ul>
<li><img src="images/item_grp_nav_img.jpg" alt="nav-image">Home</li>
<li>Menu Type</li>
<li>Menu Type</li>
<li>Menu Type</li>
</ul>

Css如下：

#item-group-navigation{
height: 30px;
background-color:#949698;
min-width:760px;
}

#item-group-navigation ul{
height: 100%;
width: 30%;
padding: 0px 0px 0px 15px;
margin: 0px;
}

#item-group-navigation li{
float: left;
list-style: none;
display: block;
padding: 3px 6px 0px 5px;
color: white;
font-size: 18px;
font-family:MyriadProReg;
}

#item-group-navigation li:first-child:before{
content:none;
}

#item-group-navigation li:before{
display: block;
width: 20px;
height: 30px;
content: url('../images/list_arrow.jpg');
float: left;
}

#item-group-navigation img{
float: left;
}

问题显示在下图中。

如何使用我的CSS修复此问题。请帮我。 谢谢。

Answer 1

我发现了这个问题！我已经定义了一个高度＆amp;不应该的宽度！ 感谢任何一个经历过它的人！

Answer 2

增加宽度#item-group-navigation ul。