I have CSS code which works perfect in Firefox and Safari but in IE it is hidden, not even sure where it puts it, way off. I am overriding an eCommerce template stylesheet so there may be hidden CSS affecting this, not sure.

The wrapper is center aligned, aprox 1000 width, so I am just trying to position inside of that body element.

Any ideas on why IE hates this so much?

#Div 7 (shoppingcart) {
z-index:-1;
position: absolute;
left: 770px;
top: 50px;
margin-top: 0;
padding-top: 0;
}

Because IE has never handled absolute positioning overly well and it certainly does not handle negative z-index values because it actually places them "underneath" the body element

Thanks but the z-index value works fine; it was only when I tried aboslute positioning the problems occured.

Microsoft claims it supports it that is why I was curious; http://msdn.microsoft.com/en-us/libr...te_Positioning

This is sort of a dirty way of doing things anyway - so I totally agree with you; my other post involves fixing it the clean way - but just getting a bit desperate...

z-index only applies to positioned elements.

Yes, I had a relative position previously to make z-index work; the relative position did not affect anything negatively.

Give the parent element a relative position and see if that helps.

Originally Posted by vanal

Give the parent element a relative position and see if that helps.

Apply the position to like the header wrapper or the main body wrapper?