i'm working on a website and i can't post the URL unfortunately but the situation is like this:
<DIV #header> <DIV #rightHead><DIV #showHide></DIV></DIV> <DIV #leftHead></DIV> </DIV> <DIV #content > <DIV #left></DIV> <DIV #middle></DIV> <DIV #right></DIV> </DIV> #header { } #rightHead { float:right; padding: 0; width: 200px; position: relative; z-index: 2 } #leftHead { margin: 0 200px 0 0; position: relative; z-index: 3 } #content { margin: 10px 0 } #left { float:left; width: 150px } #middle { float:left; width: 500px } #right { float:right; width: 212px } a header div with two columns, a body div underneath with 3 columns. some javascript that triggers a dropdown in #rightHead that should overlap #right.\ it works fine in IE7, Firefox is okay, except that when the #showHide div (dropdown) is displayed it pushes #right down and in IE7 when the #showHide div (dropdown) is displayed it pushes down the whole #content div. can anyone advise what the best way is to do this? or what the cross-browsers iussues might be. sorry, i know it's not a lot to go on. -- Vincent Pollard http://www.ithinkx.co.uk ______________________________________________________________________ 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/