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。