Меню, список ul, j, обтекание

[Rasel]

Всем доброго вечера.

Ребят столкнулся с такой проблемой, возможно она примитивна, но все же хочу узнать совета знающих людей.

имеется меню тип список ul.

Наглядный макет

HTML код.

<ul>

<li>
<div class="image_menu"><img src="путь" /></div>
<div class="link_menu"><a href="#">Link</a></div>
</li>	

<li>
<div class="image_menu"><img src="путь" /></div>
<div class="link_menu"><a href="#">Link</a></div>
</li>

<li>
<div class="image_menu"><img src="путь" /></div>
<div class="link_menu"><a href="#">Link</a></div>
</li>

</ul> 	

css код

div.image_menu {
width:40px; 
height:40px;
float:left;
}

div.link_menu {
width:150px; 
height:40px;
float:right;
margin:10px 0 0 0;
}

Вопрос в следующем. Как отменить обтекания, после <div class="link_menu"><a href="#">Link</a></div>

Знаю один способ дописать

<li>
<div class="image_menu"><img src="путь" /></div>
<div class="link_menu"><a href="#">Link</a></div>
<div style="clear:both;"></div>
</li>

Есть другие варианты, так как мне данный способ не нравится.

Пробовал display:inline, тоже не вариант.

Если подобная тема была уже создана, то пожалуйста простите, так как в поиске не нашел, в гугле тоже )

[Rasel]

походу никто не поможет

[mishka]

Зачем там отменять обтекание?

[DjTarik]

Да вариантов масса...

li {
    width: 100%;
    float: left;
}

li {
    overflow: hidden;
}

div.link_menu {
    float: none;
    /* и так будет находится справа от картинки */
}

и т.д...

Информации мало, непонятно, к чему надо стремиться...

Edited June 5, 2011 by DjTarik

[Rasel]

Да вариантов масса...

li {
    width: 100%;
    float: left;
}

li {
    overflow: hidden;
}

div.link_menu {
    float: none;
    /* и так будет находится справа от картинки */
}

и т.д...

Информации мало, непонятно, к чему надо стремиться...

Спасибо.

ребят уже сам разобрался, немного по своему сделал, но все работает