Sometimes IE7 does not work

[iaan]

Interesting problem – some IE7’s cause problems. (Not on all IE7’s i tested) No pattern for when it works or when not.
Works fine in other browsers (FF, IE6, Safari)
Any help will be much appreciated…

URL: http://www.soloarwaterheatingspecialists.co.za ("Products" menu item is drop-down)
CSS:
#suckerfishnav {
    font-size:12px;
    font-family:verdana,sans-serif;
    font-weight:light;
    width:938px;
    text-transform:uppercase;
    }
#suckerfishnav, #suckerfishnav ul {
    float:left;
    list-style:none;
    line-height:40px;
    padding:0;
    border:1px solid #aaa;
    margin:0;
    width:938px;
    z-index:20;
    }
#suckerfishnav a {
    display:block;
    color:#333
    text-decoration:none;
    padding:0px 25px;
    }
#suckerfishnav li {
    float:left;
    padding:0;
    z-index:20;   
    border-right: #CCC thin solid;
}
#suckerfishnav ul {
    position:absolute;
    left:-999em;
    height:auto;
    width:151px;
    font-weight:normal;
    margin:0;
    line-height:1;
    border:0;
    border-top:1px solid #666666;
    z-index:20;
    }
#suckerfishnav li li {
    width:149px;
    border-bottom:1px solid #666666;
    border-left:1px solid #666666;
    border-right:1px solid #666666;
    font-weight:light;
    font-family:verdana,sans-serif;
    z-index:20;
    }
#suckerfishnav li li a {
    padding:4px 10px;
    width:130px;
    font-size:12px;
    color:#fff;
    }
#suckerfishnav li ul ul {
    margin:-21px 0 0 150px;
    z-index:20;
    }
#suckerfishnav li li:hover {
    background:#333;
    }
#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a {
    color:#fff;
    }
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
    color:#fff;
    }
#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {
    color:#fff;
    }
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {
    left:-999em;
    }
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul {
    left:auto;
    background:#444444;
    }
#suckerfishnav li:hover, #suckerfishnav li.sfhover {
    background:none;
    }

[imported_Ryan]

Hi, I keep seeing ‘Address not found’ when I visit our site.

[iaan]

Hi Ryan
Sorry for the typo in URL
http://www.solarwaterheatingspecialists.co.za/

Thanks for awesome plugin and helping with menus again!
Cheers

[imported_Ryan]

Here’s the culprit:
[code:3ne5plac]http://www.solarwaterheatingspecialists.co.za/wp-content/themes/ITS Theme/reset.css[/code:3ne5plac]

CSS resets are generally a bad idea. I don’t have time to track down exactly what the problem in the reset file is causing the glitch but you will be able to find it fairly easily through trial and error by removing anything related to UL or LI tags from it until the problem isn’t there anymore. If you track down the exact CSS declaration but when you remove it find it causes a problem with your theme then let me know and I’ll sort a specific solution for you so that the menu will still work correctly.

[iaan]

Hi Ryan.

You are absolutely spot on! Thanks again. Removed the ul, li elements from reset.css and now drop-down works.

Cheers

[Author]

Posts