Hi Scott
I don't have an immediate answer for your problem, but I would like to
suggest some more vertical padding on your lists. I found it difficult to
keep focus on the links as I tried to go from second to third level. Perhaps
if the link was taller it would be easier for the mouse.
Ted


-----Original Message-----
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
On Behalf Of scott reston
Sent: Tuesday, August 30, 2005 12:22 PM
To: wsg@webstandardsgroup.org
Subject: [WSG] IE clips absolutely positioned element

I'm working on a design using a tweak of Son of Suckerfish[1] for menus.
Rather than have the menus cascade down and to the right (relatively
positioned), I want the sub-menus to position in equally-sized blocks to
the right (absolutely positioned).


HTML: http://capstrat.com/development/example/

CSS: http://capstrat.com/development/example/elements/site.css

If you mouse over the 1st item in the blue box, then the 1st item in the
 gold box while using IE, you'll see the issue. The absolutely
positioned gold box contains the grey-background sub-menus. I've nudged
the grey boxes to the left a bit so that you can see where IE renders them.

The gold box 'breaks out' of the blue box just fine because the blue box
is relatively positioned.

If you search for "=:NAVIGATION" in the CSS, you'll find the relevant
code describing the menus. The blue box (parent UL) is
ul.navigation-primary.

HTML validates and works fine in Firefox and friends. CSS wont validate
because of the opacity filter to appease IE, but removing the offending
code doesn't repair the problem.

Can someone suggest a fix or give some advice that might help me free
the little grey boxes from IE opression?

Thanks!

Scott Reston
Raleigh, NC


[1]http://www.htmldog.com/articles/suckerfish/dropdowns/


******************************************************
The discussion list for  http://webstandardsgroup.org/

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list & getting help
******************************************************
******************************************************
The discussion list for  http://webstandardsgroup.org/

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list & getting help
******************************************************

Reply via email to