Those wonderful NAVBAR Drop Down Issues...

[Hylander]

I'm working on a new site and am having an issue with my Navbar Drop-Down menu. It works perfectly fine in Firefox, but I'm having an issue in IE7 where when you scroll down off the main line, the second layer items disappear. I read about changing the 31px to 30px, etc... but that just seems to move the box up so it is under the main one, but the linking issue remains.

Here's a link to the site (I just started, so It's not organized well and not much content at all):

http://husted.smugmug.com/


It's frustrating, the exact same code (other than the different links and the width of the cells) is working fine on my other site. I have a feeling I 'tweaked' something somewhere that is causing the issue.

Thanks in advance for any guidance! :bow

[Allen]

I'm working on a new site and am having an issue with my Navbar Drop-Down menu. It works perfectly fine in Firefox, but I'm having an issue in IE7 where when you scroll down off the main line, the second layer items disappear. I read about changing the 31px to 30px, etc... but that just seems to move the box up so it is under the main one, but the linking issue remains.

Here's a link to the site (I just started, so It's not organized well and not much content at all):

http://husted.smugmug.com/


It's frustrating, the exact same code (other than the different links and the width of the cells) is working fine on my other site. I have a feeling I 'tweaked' something somewhere that is causing the issue.

Thanks in advance for any guidance! :bow
I'm not familar with the CSS version you are using but you set the cell
height and line-height in this which messes up the gap.

/* style the links for the top level */
.menu a, .menu a:visited {
display:block;
font-size:11px;
text-decoration:none;
color:#fff;
width:160px; /* Defines the main box dimensions. */
height:30px; /*How tall your cells are*/
border:1px solid #fff;
border-width:1px 1px 1px 1px;
background:#ab0202;
padding-left:10px;
line-height:29px; /*Adjust this to vertically center your text in each cell. Should

be about the same as height. */
}


Might need to set it for the drop cells also. Then play with the "top" for the gap.

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
background:#cecece;
color:#000;
height:auto;
line-height:1em;
padding:5px 10px;
width:160px
}

[Hylander]

Thanks Allen.. I'm just not sure what I should change because if you go here:


http://www.RacingHistorian.com


The same code works perfectly fine for me?

[Hylander]

Allen - Just as a follow-up I got it fixed. It wasn't the CSS, it was in the HTML.

I had an extra <ul><li></li></ul> combo in there and it didn't like the blank list item. I removed those and problem went away.

:barb