Li > Ul big margin by IE
I was attempting a new design idea for my web app today and I stumbled across an IE bug that is getting me crazy.
The nav is a vertical ul in wich for each li element there is one below that is hidden until you hover the first. The second li holds another Ul that lists sub items.
Works great under firefox and safari but IE 6 & 7 just won't display it correctly. It adds a blank space above the sub items.
The page can be seen at : http://www.jobalistic.com/bugged.html
The page styles are here :
And the menu styles are there :
I would greatly appreciate any help or advice you could provide since this got me stuck for the last two hours...
Thanks in advance
You've got no doctype, IE is in quirks mode using the broken box model which means it treats dimensions differently.
Thanks for the idea but whatever the doctype, doesn't change anything.