http://pastebin.com/PP3WGHE9how do i drop the hover down some? I added padding-left:6px;padding-top:6px;padding-right:6px;to the div.menuBar a.menuButton but causes the text to go down and the menuitems to jump on hovering...
The menu shown on http://pastebin.com/PP3WGHE9 is really poor coded. For start, you should always use UL/LI tags for your navigation( for semantic reasons). So, you should explore more on multi level navigation subject. Have a loot at this post: http://devsnippets.com/article/reviews/10-brilliant-multi-level-navigation-menu-techniques.html . You will find couple of great examples there.