В IE6, как переместить элемент вправо, не очищая его?

Question

В IE6 HTML выглядит так:

<div id="topmenu">
    <ul>    
        <li>num 1</li>
        <li>num 2</li>
    </ul>
    <div id="rightItem">Hello World</div>
</div>

CSS выглядит так:

#rightItem {
    cursor: pointer;
    float: right;
    clear: none;
    height: 100%;
    width: 340px;
}

#topmenu {
    margin: 0 auto;
    text-align: left;
    width: 960px;
    height: 41px;
}

Он перемещает itemRight вправо на той же строке (первый ULа затем rightItem) во всех браузерах, кроме IE6.В IE6 это ОЧИСТКА и ПЛАВАНИЕ вправо.Как я могу это исправить для IE6?

Answer 1

Я подозреваю, что #rightItem не на самом деле очищается, но его ширина отличается (шире) в IE6, что заставляет его переходить на следующую строку.

Плавающие элементы должны всегда иметь указанную ширину; попробуйте сделать это сначала и посмотрите, какие результаты вы получите. Не видя больше вашего HTML или CSS, это моя лучшая догадка, и я только догадываюсь, потому что устал набирать слова «публиковать больше кода» в полях комментариев ...

Answer 2

Добавить переполнение: скрыто;в #topMenu.Работает во всех браузерах.

См .: http://www.quirksmode.org/css/clearing.html