CSS Drop Down Menu

Question

I\'m trying to make a simple CSS drop down menu that when you mouse over a link, the sub menu appears. I\'ve managed to achieve this when you mouse over an li but can\'t fig

Answer 1

I would avoid using JS for this if possible. It's not necessary. Just stick a div inside your li (with a bit less padding on it than the li itself) and style the div:hover to display:block;.

Here's a fiddle demonstrating the approach. It's much like what you already have.