Dropdown looks weird in IE7

[tommygunner]

I have Suckerfish plugin in WordPress working and it looks fine in Firefox but not in IE7. In IE7 it has this weird block that appears below the menu on hover. On Firefox it doesn’t appear. It would be great if I could fix this because many people are still using IE7.

[tommygunner]

I fixed this problem now. I had some extra </ul><ul> tags that was screwing it up. Now I have to figure out why the dropdown menu is appearing behind my content header text.

[tommygunner]

I have been looking at this post: https://geek.hellyer.kiwi/forum/index.php?topic=183.0

I see people posting about z-index there but have no idea what it is supposed to do and where it is supposed to be placed.

[imported_Ryan]

Hi tommygunner,
I need a link to your site otherwise I can’t do much. There are many reasons that sites don’t appear correctly in IE7, but I can’t know which problem you are having without seeing the code.

If you having z-index difficulties, then you need to apply the z-index to the second level list item by manually editing the CSS code. Something like #suckerfishnav li li {z-index:1000} would do the trick I think (I haven’t tried though).

[tommygunner]

I fixed the problem. Well, the issue seemed to be with overlapping < div > tags. After following someone elses’s suggestion, I put in #suckerfishnav li ul {
z-index:1;

This apparently gives priority to the div tag with the z-index in it.

[imported_Ryan]

Excellent ” title=”Smiley” /> Glad to hear you got it working.

[Author]

Posts