Need help debugging my drop-down menu

HTML & CSS
21

You’ve also missed the default bottom margin on the h1 which is pushing your nav down the page by 1px in some browsers.


#header h1.intro{margin-bottom:0;}
22

You also missed the background colour I mentioned that IE7 needed.

here are the changes again plus a new tric k.


#header h1.intro {
    float: right;
    text-align: right;
  [B]  margin:120px 2% 0 0;[/B]
    font-style: italic;
    font-weight: bold;
    font-size: 1.2em;
}


ul#nav ul {
    left: -2px;
  [B]  padding:2px 0 0 0;
    margin:-1px 0 0 -999em;[/B]
    position: absolute;
    top: 100%;
 [B]   background:url(fake.gif) no-repeat -1px -1px;[/B]/* use a 1px x 1px fully transparent image*/
}

The image doesn’t have to exist for this to work but its better if you use one to avoid missing images in your server logs etc.

The above works flawlessly for me with no problem in IE7.

23

What the heck? I could’ve sworn I added that! I must have deleted it accidentally when I got rid of the absolute positioning arrangement for the menu.

Anyway, it’s now perfect! A 1x1 transparent gif? Where do you come up with these things? :beer:

24

years of head banging :slight_smile:

25

Sounds like a British insult: “Paul? Oh, he’s just a 1x1 transparent gif.” :wink:

26

Well thanks guys. It looks great now. Well, as great as something can look and still be based on my design!

Now for the reeeeeally hard part… getting my wife to come up with content :stuck_out_tongue:

27

lol :slight_smile: (I’ve been called much worse)