Header disappears in IE, absolute/relative positioning

[PierreR]

Hi,
My site validates and looks fine in FF2 and Opera but of course not in IE6 (haven't tried IE/). The problem is that my header and navigation completely disappears in IE.

I guess it is some kind of bug related to absolute and relative positioning and I have read through quite a lot about the Holy hack but I can't seem to work it out.

One way to go about this would of course to skip the absolute positioning but I really want my source code to be source oriented and the content should come before header and sidebar in the HTML. I tried without success to accomplish that with only floats...

Please someone, I can't get this sorted out. Here's the page: http://i00piere.island.liu.se/reldin/index.html

[Spiritvn]

Hi,

i really don't know why u use the position: absolute for a loop T_T, but it's not recommended for any site. I had tested and see that the problem is from ur position: absolute; Becoz you have over 2 div with the position: absolute; top: 0; left:0; so, it's stacked and hide your header.

You can solve ur file easily by add to your structure.css:


#header-container {
position: absolute;
left: 0px;
top: 0px;
clear:both;
width: 100%;
height: 150px;
}

I test it on IE 6. Anyway, i advise you to use float instead.

hf.