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

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

Answer 2

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