Здравствуйте, у меня проблема определенного рода.

[attachment=7494:attachment]

Код:
#wrap {
position: relative;
width: 53em;
}

#header {
position: absolute;
top: 0;
left: 0;
height: 10em;
}

#sidebar, *#content {
margin-top: 10em;
}

#sidebar {
float: left;
width: 16em;
}

#content {
float: right;
width: 35em;
}

#footer {
clear: both;
}
Блок header абсолютно позиционирован в рамках блока wrap, а
остальное содержимое позиционированно через float за исключением footer

Также в footer и header вложены по 2 блока. которые в свою очередь позиционированны float'ом.

Так вот, проблема состоит в том, что при такой вёрстке в IE6 блок header не видно, в других броузерах всё на месте.

Использовал и overflow: hidden; и height: 1%; не помогает, немогу даже понять причины такого поведения.

Такая же проблема была и в IE7, footer не растягивался на высоту своего содержимого, так как там присутствуют плавающие блоки, при задании overflow: hidden; или любого намёка на высоту для footer, что растягивает его на нужный размер, блок header пропадал из обозрения.

Исправил это тем, что содержимое footer обвёл ещё одним блоком
[attachment=7495:attachment]
для которого и задал overflow: hidden; и height: 1%;, но IE6 не ест это и я теперь незнаю, как и что делать.

P.S.: Именно такой порядок блоков в потоке является обязательным.