IE problems with header div

[aeroswat]

here is some css for the header div

 

body{
margin: 0;
padding: 0;
border: 0;
overflow: hidden;
height: 100%; 
max-height: 100%; 
background-color: #336622;
}

#framecontentLeft, #framecontentTop{ 
position: absolute;
top: 0; 
left: 0; 
width: 200px;
height: 100%;
overflow: hidden;
background-color: #336622;
color: white;
}

#framecontentTop{ 
left: 0px;
right: 0;
text-align: center;
width: auto;
height: 140px;
overflow: hidden;
background-color: #336622;
color: white;
}

* html body{ /*IE6 hack*/
padding: 140px 0 0 200px; /*Set value to (HeightOfTopFrameDiv 0 0 WidthOfLeftFrameDiv)*/
}

* html #framecontentTop{ /*IE6 hack*/
width: 100
}

 

and the div that it is supposed to use this is here

 

<div id="framecontentTop" style="width: auto;">
<img src="images/banner4.png" />
</div>

 

It contains only an image that I want centered across the top of the whole page. It works in FF but not in IE and I'm going nuts trying to figure out why 

[haku]

Why are you absolutely positioning this?

[aeroswat]

Why are you absolutely positioning this?

 

because for some reason if I don't absolutely position it it goes all over the place in IE. It jumps down like some 200 pixels on the screen and the entire site starts there with a bunch of white space.

[haku]

Then you have some other problem that you are trying to fix using the absolute positioning. But you are just creating more problems (as evidenced by this thread), rather than fixing the problem you had.

[TOA]

Why are you absolutely positioning this?

 

because for some reason if I don't absolutely position it it goes all over the place in IE. It jumps down like some 200 pixels on the screen and the entire site starts there with a bunch of white space.

 

Sounds like a margin or padding issue or something