Debbie Campbell wrote:
> I'm using absolute positioning on the eagle here:
> 
>> http://www.redkitecreative.com/projects/vic/about.php

> But it's not overlapping #window div in IE7. When I switch to 
> relative it works - what do I need to do to get it working with 
> absolute? Thanks for your help.

IE can't stack (layer) absolute positioned elements higher then their
containers, so the eagle is stuck at the #header's level.

You can add...
#header {z-index: 1;}
...to stack the eagle's container higher.

Alternatively: delete 'position: relative on both #content and #main to
prevent IE from stacking those elements.

You have declared a number of unnecessary 'position: relative' in that
page, and I advice you to remove all that don't serve a specific
positioning and/or stacking purpose. They are otherwise just "noise",
which potentially may cause problems like the one above - especially in
IE with its pretty broken element-layering.

regards
        Georg
-- 
http://www.gunlaug.no
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to