[css-d] in IE6, 1st level LI in menu expands width on hover (to width of dropdown) -- can you help stop it?

2009-03-19 Thread Kir Talmage 
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/

Re: [css-d] in IE6, 1st level LI in menu expands width on hover (to width of dropdown) -- can you help stop it?

2009-03-19 Thread Bill Brown 
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

-- 
!--
  ! Bill Brown macnim...@gmail.com
  ! Web Developologist, WebDevelopedia.com
--
__
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?

2009-03-19 Thread Kir Talmage 
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 macnim...@gmail.com wrote:
 Add to css/ach_ie6.css:
 #navmenu li{overflow-x:hidden;}

 Hope it helps.
 Bill

 --
 !--
  ! Bill Brown macnim...@gmail.com
  ! Web Developologist, WebDevelopedia.com
 --

__
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/