Li в строку и проблемы с AdBlock

[Ge1i0N]

Собственно проблема.

Есть один макет:

В данный момент решается проблема с баннерами, расположенными под шапкой.

Собственно сейчас они выглядят таким вот образом:

И это при display:inline-block !(display:inline ничего хорошего не делает в данном случае)

Собственно данная проблема решается установкой списку float:right, но в таком случае возникает довольно специфичная проблема в браузере Google Chrome. При включённом AdBlock Все баннеры сползают подобным вот образом:

Вопрос:

Как выровнять li в одну строку не применяя параметр float.

Где я ошибся?

Сайт ironrussia.ru

Код элемента:

<div class="banners">
<ul>
<li></li>
<li><a href="http://kiggormon.com/"><img src="/img/baners/kiggormon.gif" alt="Купить гармон роста" /></a></li>
<li></li>
<li><a href="http://methyldren.com/"><img src="/img/baners/methyldrene.gif" alt="Купить Сжиросжигатель" /></a></li>
<li></li>
</ul>
</div>

CSS элемента:

.banners {background:url('/template/img/bg_banners.png')#ebebeb;height:107px;width:898px;margin:0 auto;}
.banners ul {position:relative;left:66px;padding:13px 0 0 0;}
.banners ul li {background:url('/template/img/banner.png')#414342;height:80px;width:150px;display:inline-block;}

[Ge1i0N]

Часть проблемы решилась. Если задать overflow:hidden; слою с баннерами, то они выстраиваются с стройную линию.

Но появляется другая проблема-слой сползает вниз, когда как в ненавистном хроме остается на месте как и требуется добиться в результате.

ps: он меня троллит?

Всё, разобрался. Дело было в красном баннере и его атрибуте float:right.

Тему можно закрыть.

Edited April 1, 2012 by Ge1i0N