CSS перекрытия помогают

Question

http://69.65.3.168/~doubleop/pro.sperity/

Содержимое и нижний колонтитул находятся в div (#left), а боковая панель - в (#right)

#left{
width:685px;
float:left;
overflow:visible;
}

#right{
width:215px;
float:left;
margin-top:20px;
}

Нижний колонтитул составляет 900 пикселей; широкий, вот почему я установил #left в overflow: visible, чтобы вы могли его видеть. Я делаю это потому, что хочу, чтобы боковая панель перекрывала нижний колонтитул, когда в области содержимого содержится небольшое количество содержимого. Очевидно, что при расширении области содержимого боковая панель останется на том же месте, но нижний колонтитул будет сдвинут вниз. Все это дает мне хороший эффект перекрытия.

Однако IE 6 не нравится это, и он толкает боковую панель под нижний колонтитул.

Если я изменил свойство #left на overflow: hidden, боковая панель появляется в нужном месте, но нижний колонтитул обрезается. Таким образом, проблема заключается в переполнении: скрытая часть.

Кто-нибудь знает, что я могу сделать, чтобы обойти это?

Answer 1

Yeap. Вам нужно будет сделать «очистить: оба» в нижнем колонтитуле. Ваш поплавок правой руки находится вне потока страницы, и нижний колонтитул не знает, что что-то находится над ним. Очистка обоих в основном отключит плавающее значение, заставляя нижний колонтитул думать, что что-то находится над ним, что, в свою очередь, толкает его к основанию, в котором оно находится.

Answer 2

Просто поместите #footer после #right div.

<div id="left">
</div>
<div id="right">
</div>
<div style="clear: both;"></div>
<div id="footer">