IE7 css menu issue after adding javascript code

[elkman]

I had built a site for a local dental group. Since we have all been using newer browsers we didn't notice the drop down menu doesn't work in IE7. This menu was built off the original horizontal CSSmenu.tpl

http://www.broadmoordental.com

Knowing that it must be a missed piece of code, I've checked & rechecked but can't see the problem. Would any fresh eyes out there please take a look and let me know what I'm missing? I need to get some sleep and will start looking again.

Thanks!

[Dr.CSS]

First thing would be to make sure the html is valid...

[elkman]

There were a couple of fixes but these involved leaving off a "/" to close the code. Menu renders fine on IE8 & 9 and Firefox.

I get this code after validating the CSS:

Code: Select all

152 	ul#primary-nav li ul 	Property opacity doesn't exist in CSS level 2.1 but exists in : 0.95 0.95 0.95 0.95
157 	ul#primary-nav li ul ul 	Property opacity doesn't exist in CSS level 2.1 but exists in : 95 95 

Since I used the original menu provided on the standard install, I am not sure what needs to be fixed here for this menu to work with IE7. Dr. CSS, thanks for the suggestion to check the html, but that wasn't the issue.

Elkman

[Dr.CSS]

The menu works, drops, if you can get to it, you have some positions on things that aren't needed, I would have cut the top image to be a repeat across the top of the body and then added the social and phone number in the #header...

[elkman]

The menu works fine in IE8, IE9, Firefox, Safari. I didn't even realize the menu didn't render properly until viewing it in IE7. There the menu doesn't render properly. I'll modify the graphics and the header.

Still don't know why is doesn't work correctly in IE7.

Thanks for taking a look Dr. Css

[Dr.CSS]

Again, why do you have the liunebleownav thing, it is screwing with your menu...

position: should only be used when absolutely needed...