Fixed positioned div with a fixed height and relative or absolute divs inside it with greater height

Posted by emilolsson on Stack Overflow See other posts from Stack Overflow or by emilolsson
Published on 2010-03-11T18:32:50Z Indexed on 2010/03/11 19:14 UTC
Read the original article Hit count: 233

Filed under:
|
|

Hello

I have a problem with IE.

I have a fixed div like this:

#fixed {
position: fixed;
top: 0px;
left: 0px;
z-index: 9998;
width: 100%;
height: 40px;
}

Inside this div I want to place another div that has a height that is higher than its holder (higher than 40px). So I put a relative or an absolute div inside it and it works splendid in all browsers except IE, at least IE8.

But in IE8 the child div gets cut because of the height of 40px specified for it's holder.

Is there any workaround to this problem? I'm starting to get gray hairs..

© Stack Overflow or respective owner

Related posts about ie8

Related posts about fixed