IE6 absolute positioning

absolute positioning not behaving in IE6

[rokitsalad]

I have a master page which is laid out using absolute positioning.

I'm using the following css to position a div:

#divLeft
{
position: absolute;
left:10px;
top:50px;
width:191px;
bottom: 60px;
overflow: hidden;
border-left:solid 5px #cccccc;
}

This works perfectly in IE7 and Safari, but it IE6 doesn't appear to pay any attention to the 'bottom: 60px' line.

I need to tie the bottom of this div 60 pixels above the bottom of the window and the top 50 pixels below the top of the window. I thought of using javascript but it's going to get messy when the window starts resizing.

Can anyone help?

Thanks.

[Xapti]

IE6 doesn't support simultanious usage of two positions of the same axis.
There are javascript fixes for this though, which generally isn't a problem for IE6, since virtualyl noone uses IE6 with JS disabled.

[rokitsalad]

Yeah, I'd pretty much come to this conclusion. Really a pain as my page has re-sizable panels on three sides, similar to the Visual Studio environment. It makes defining everything using widths and heights pretty tricky. I think I might re-think the application window.