I’ve added the following code to my site (
http://webdesignerwall.com/tutorials/css3-dropdown-menu ); here’s a copy of my CSS –
http://pastebin.com/Dn38bB0Y
On the site, when I hover over the LI that is supposed to “drop” it puts the dropdown list in the top left corner – if I change the positioning from ABSOLUTE to REALTIVE it puts the menu in the “right” location, but it acts as if there is a space for it, stretching the menu and moving the last top-level item to a second row.
The demo of the site can be found here -
http://webbetasite.com/family
Please help,
Thanks