Re: [css-d] in IE6, 1st level LI in menu expands width on hover (to width of dropdown) -- can you help stop it?
Bill, thanks for your reply! I'll experiment with the overflow and see what happens. In the meantime, I also received this suggestion: Paul O'B (http://www.sitepoint.com/forums/member.php?u=25195) over at SitePoint forums recommended I change the positioning like this: #navmenu li {position:relative} #navmenu li:hover ul, #navmenu li.sfhover ul { position: absolute; top: 1.3em; } I've put that up on the site (with a bit of other spacing edits) in css/ach_ie6.css and it's working well. Now for the next bugs... -- Kir On Thu, Mar 19, 2009 at 9:07 PM, Bill Brown wrote: > Add to css/ach_ie6.css: > #navmenu li{overflow-x:hidden;} > > Hope it helps. > Bill > > -- > > __ css-discuss [cs...@lists.css-discuss.org] 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/
Re: [css-d] in IE6, 1st level LI in menu expands width on hover (to width of dropdown) -- can you help stop it?
Kir Talmage wrote: > I'm using a suckerfish-based nav menu at > http://www.alysonchasestudio.com (doctype is strict) > > In IE6 (but not FF2 or 3, not IE7, not not -- as far as I've tested -- > Safari or Chrome), when I hover over the top-level menu item, it will > expand to accommodate the (wider) widths of the drop down list. I > don't want it to do this, and I would prefer not to wrap the drop-down > items. > > Can you please advise how to make IE6 stop this? Add to css/ach_ie6.css: #navmenu li{overflow-x:hidden;} Hope it helps. Bill -- __ css-discuss [cs...@lists.css-discuss.org] 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/
[css-d] in IE6, 1st level LI in menu expands width on hover (to width of dropdown) -- can you help stop it?
Dear all, I'm using a suckerfish-based nav menu at http://www.alysonchasestudio.com (doctype is strict) In IE6 (but not FF2 or 3, not IE7, not not -- as far as I've tested -- Safari or Chrome), when I hover over the top-level menu item, it will expand to accommodate the (wider) widths of the drop down list. I don't want it to do this, and I would prefer not to wrap the drop-down items. Can you please advise how to make IE6 stop this? The page (the nav is at the bottom): http://www.alysonchasestudio.com/index.php -- I've specified both each li and its anchor widths inline, because each item is different The basic CSS: http://www.alysonchasestudio.com/css/achbase.css The IE6 css (mostly to note what I've tried so far): http://www.alysonchasestudio.com/css/ach_ie6.css I really appreciate your help! --Kir __ css-discuss [cs...@lists.css-discuss.org] 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/