Question

I have an absolute div inside a relative div. It’s essentially a container for a absolute positioned corner banner, on the top right side of the page.

It works fine with Chrome, but not with IE. In IE it appears positioned absolutely, but inside its container. I’d like to override this, if possible, due to the way this site is built (complete template on a CMS):

#corner-banner a {
position: absolute;
right: 0;
top: 0;
display: block;
height: 200px;
width: 200px;
background: url(../images/down.png) no-repeat;
text-indent: -999em;
text-decoration: none;
}

#corner-banner a:hover {
background: url(../images/up.png) no-repeat;
}

Thanks for reading and for any input.

Cheers!

Answer 1

That is correct behavior. Absolute position inside a relatively positioned element will be absolutely positioned relative to the containing element.