brad_langdon Posted August 31, 2010 Share Posted August 31, 2010 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 "http://www.xs4all.nl/~peterned/csshover.html" 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/ Quote Link to comment Share on other sites More sharing options...
haku Posted September 1, 2010 Share Posted September 1, 2010 Your code is invalid. You don't even have a doctype. These types of things happen when you haven't got a doctype and have invalid code. Start by adding a proper doctype, and fixing the errors in your code (based on the doctype you choose) and then it should work. :hover works in IE7+ by the way. It's only IE6 that doesn't support it. Quote Link to comment Share on other sites More sharing options...
brad_langdon Posted September 2, 2010 Author Share Posted September 2, 2010 Proceeding to bash my head against keyboard... Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.