li dropcrumb image positioning error

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> 

The 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.