Hi all,

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 :
http://www.jobalistic.com/layout.css

And the menu styles are there :

http://www.jobalistic.com/menu.css

I would greatly appreciate any help or advice you could provide since this got me stuck for the last two hours...


Thanks in advance


Sebastien