Long time reader, first time caller. Ha ha.
Anyway, here's my issue:
I have a menu that is essentially a group of nested lists:
<ul id="main-nav">
<li id="about-12-trails-edge-li"><a href="#">About 12 Trails Edge</
a></li>
<li id="details-floorplans-li"><a href="#">Details & Floor
Plans</a>
<ul id="details-floorplans-nav">
<li><a href="#">Unit Description &
Information</a></li>
<li><a href="#">Floorplans</a></li>
</ul>
</li>
<li id="location-li"><a href="#">Location</a>
<ul id="location-nav">
<li><a href="#">Vicinity Map</a></li>
<li><a href="#">Mountain Village Map</a></li>
</ul>
</li>
<li id="features-amenities-li"><a href="#">Features/Amenities</a></li>
<li id="living-connected-li"><a href="#">Living Connected</a></li>
</ul>
Depending on the page you are on, the sub menus show or hide.
ul#details-floorplans-nav is absolutely positioned and set to
display:none unless the body class is "details."
When the body class is "details", it's set to display:inline.
See it in action here: http://www.advertisingdesign.com/adclient/
12trails/subpage.php
To see the menu on other pages: http://www.advertisingdesign.com/
adclient/12trails/
The bug only occurs in IE, in every version tested - 5.5, 6, 7 - so
those of you with a PC handy, take a look at the subpage.php. See how
there is suddenly a gap between "Details & Floor Plans" and
"Location"? This is where the newly displayed ul appears in the
source. But it shouldn't since the element is absolutely positioned...
Why would this occur since absolute elements should take up no space
at all since they are out of the document flow? And how can I solve
it (other than the obvious IE stylesheet, which I would prefer not to
do.)
I've tried taking out whitespace and screwing with heights and
margins. Thing is, this gap is still there no matter what...
Thanks for any help!
I'll check the list, but any replies that could be sent directly to
[EMAIL PROTECTED] would be appreciated since I subscribe to
this list from a personal email, not a work one.
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
