Dropdown Navigation works in Chrome, Safari, and FF, but not IE

validate your html, any unclosed tags generally screw up design in IE.

Which version of IE? I use a method very similar to the default wordpress theme. Mine doesn’t show in IE 6, in IE 7 there are usually z-index issues to be sorted. IE 8 is usually better. And as usual, other browsers don’t seem to have a problem!

The theme is called Unique WordPress Theme Generator, it’s not working in IE7 or IE8. I’ve searched the developers forums on Themeforest, and I’ve found people with similar problems and his response is always “Email me and I’ll explain how to fix it” without ever posting the fix. Still waiting to hear back from him.

I did see people mention using validators to try to locate an open tag, as that would cause this issue. However, I’m not seeing anything jump out at me when running it though the validators that would cause this sort of issues.

The site is:
https://cdpmarketing.com/dev/

I just looked at the site in IE8.

I wish I had time to look at your HTML code. Unfortunately, I’m on my way to a meeting.

One suggestion: Look at the code that defines the horizontal nav bar. When hovering over the second nav item, the third nav item “About Us” appears, but it’s misaligned.

Rather than use a more formal type of HTML validator, if you have access to Dreamweaver, paste your code there and try to validate it. The Dreamweaver validator is quite good.

if you believe the issue is not related to the markup errors, then try:

-switching to the default theme (“twentyten”) for a moment by renaming your current theme’s folder in wp-content/themes. The idea is to force WordPress to fall back to the default theme to rule out any theme-specific issue.

Hi amplitude,
the html is wrong : You should open and close <span> </span> and but you have <span> <span/> in your menu.
Anyway you get a ul in a span….
Look at your menu structure, i think there is the mistake

The only place I can find a <span/> tag in the entire site folder is in the WordPress core files, in ui.dialog.js. That wouldn’t be anything I’ve touched or modified by my theme, er, would it?

I wanted to thank you guys for helping my try to figure this out but I finally resolved the issue.

What I ended up doing was renaming the theme folder to pull it off line and installing a fresh copy of the theme just to insure that the cleanest possible version of the theme was in fact compatible with IE… and it was. Once the clean version was installed, the nav menu worked fine in IE.

So once I determined that, I went back and started replacing files that I had known I had modified, one at a time, until I lost the nav menu in IE…

Sure enough it turned out there was a glitch in functions.php that was killing the nav menu in IE. Oddly enough, the function in question had absolutely nothing to do with the nav menu in any way whatsoever, but yeah, it’s been resolved. This theme has a lot of functionality that was built in prior to more advanced versions of wordpress. It has it’s own image handling system, it’s own custom menu system, and the author has kept those things in place even though newer versions of wordpress do a far better job of handling those tasks. Basically his image system was conflicting with WordPress image system, causing images to be displayed twice in posts. Disabling that function, broke the nav menu in IE, while it continued to work perfectly in FF, Chrome, and Safari. Weird huh?

Anyway, I figured I would post this in case anybody else was looking for a similar solution, as I can’t stand finding posts about a problem I’m having only to see “I figured it out…” with no explanation as to the solution.

I really do not like IE…. at all… but at least now I can relax a little. Heh.

Thanks again!