I have built many css nav menus before but this one I can't seem to nail.

It has dropdowns, I have disabled the JQuery animation for debugging so it is purely css now. If you view in FF Chrome etc you will see how it should work but in all versions of IE the rollovers don't work and the drop down menus are stuffed also.

I have :hover on "li" elements for good reason and I know IE does not work this way but I have used the plugin "whatever hover" which usually works for me but something is not right obviously.

Just hoping I can get some fresh eyes on this and "fingers crossed" tell me the simple solution that I just cant see! Like I said I have done this many times before so something must be different, I just don't know what.

The URL is http://www.leftsideart.co.nz/test/