Crud, I just realized that this won't work on IE6 and I still have users on that browsers (sadly).
-----Original Message----- From: Bobby Jack [mailto:bobbykj...@yahoo.co.uk] Sent: Thursday, March 04, 2010 10:40 AM To: 'css discuss'; Angela French Subject: Re: [css-d] help with single level drop down menu --- On Thu, 3/4/10, Angela French <afre...@sbctc.edu> wrote: > Bobby, > You solution works, but it means that the sub menu would > always have to be "attached" to the top menu item. That's why I provided that example link which does have a gap between the top item and the submenu, but still works. The way that's done is that there are two nested elements' boxes for the top menu item: the outer touches the submenu, the inner has its background styled with a gap below it. **The :hover is then applied to this outer element** - that's the key. If you take a look at that example with firebug, it should be pretty clear how it's being done. Cheers, - Bobby ______________________________________________________________________ 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/
