Question

I am building a navigation where, despite my fiddling with padding, I cannot create equal distances between my sub menu’s. It’s a little hard to describe so I have created a jsfiddle here: http://jsfiddle.net/kCXrX/

If someone has a sec could you let me know why, when you hover over a element the distance between the line items are not the same – there is a greater distance on the left than on the right

Any guidance appreciated!

Answer 1

I’ve forked your fiddle here: http://jsfiddle.net/tLzST/1/

Your HTML was invalid, ULs can’t be direct children of ULs, so I’ve put your .submenu lists within LIs. One or two style tweaks, too.