Another IE 7 Menu Shift Problem

[jenyum]

Hi,

I seem to also be experiencing an IE7 problem, with the menu shifting over.  (In this case to the left, probably because I’ve got the whole thing floating right.)  I’ve tried taking out menu elements but it doesn’t help, it just wants to not take up the whole width of the menu. 

I don’t have any errant ul tags, and my menu is called after my body tag as far as I can tell, so I don’t know what is causing the problem.  I have fiddled with the width a little, but I was having this problem before that.

Here’s a link:
http://www.tacomamama.com/v2/

I have my menu inserted at the end of my header.php file.

Here is the css, currently (in progress)
[code:wolx5ghg]#suckerfishnav {
    background:#315679 ;
float: right;
z-index: 100;
    font-size:15px;
    font-family: "Lucida Grande",Tahoma,"Lucida Sans Unicode",Verdana,sans-serif;
    font-weight:bold;
    width:660px;
    }
#suckerfishnav, #suckerfishnav ul {
z-index: 100;
    float: right;
    list-style:none;
    line-height:24px;
    padding:0;
    border-top:1px solid #000;
    margin:0;
   
    }
#suckerfishnav ul {
width: 100%;
}

#suckerfishnav a {
z-index:100;
    display:block;
    color:#dddddd;
    text-decoration:none;
    padding:0px 8px;
    }
#suckerfishnav li {
z-index:100;
    float: left;
    padding:0;
    }
#suckerfishnav ul {
z-index:100;
    position:absolute;
    left:-999em;
    height:auto;
    width:111px;
    font-weight:normal;
    margin:0;
    line-height:1;
    border:0;
    border-top:1px solid #666666;
    }
#suckerfishnav li li {
z-index:100;
    width:109px;
    border-bottom:1px solid #666666;
    border-left:1px solid #666666;
    border-right:1px solid #666666;
    font-weight:normal;
    font-family:times,serif;
    }
#suckerfishnav li li a {
z-index:100
    padding:3px 10px;
    width:104px;
    font-size:11px;
    color:#171;
    }
#suckerfishnav li ul ul {
z-index:100
    margin:-18px 0 0 120px;
    }
#suckerfishnav li li:hover {
z-index:100
    background:#ccc;
    }
#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:#171;
    }
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
    color:#dddddd;
    }
#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:#171;
    }
#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:#eee;
    }
#suckerfishnav li:hover, #suckerfishnav li.sfhover {
    background:#1a1;
    }
[/code:wolx5ghg]

I’m still working on styling it so try to ignore the weird looking drop down menus.  I just need to get the top level looking right.

[jenyum]

Figured out the problem:

I had created a custom field, and when I wrote the code for the field I didn’t realize I had to include li tags around it.

(d’oh!)  Might want to keep that one on your list of possible causes for people having this problem.  Firefox didn’t deal with it weirdly until I added a right side border, then it was obvious.

Thanks for the great plugin!

[imported_Ryan]

Hi, glad to hear you got it working ” title=”Smiley” />

I was confused intially as I thought a ‘WordPress custom field’ was causing the problem. But I assume your problem was from the custom code option in the admin settings page.

Let me know if you have any more problems and I’ll try to help!

[Author]

Posts