Right now, your ID #nav has a negative margin on line 275, as in:
margin: -20px 0 30px;
That’s the cause of the double height you’re seeing.
As for the background for the menu, add your background to the nav ID, the same ID that has that negative margin issue.
I set the margin to margin: 25px 0px 25px 0px; and that sort of worked but the menu is still too tall. When I set a height property it pushes the background way off the menu text?
Thanks in advance.
It looks like you’ve got this sorted out where you opted for a border on the nav instead of taking the background full width. If that’s not the case, post back and I’ll take another look.
You can replace this:
margin: 25px 0px 25px 0px;
margin: 25px 0;
They will both have the same result.
If you set a height property on #nav and the height is bigger than what the calculated result of your other properties would be (margin, padding, border, font size, etc), then you will produce the effect of pushing down the content below the #nav.
You must be logged in to reply to this topic.
Are you a blogger, web designer, developer, or website owner looking to generate more income?
Promote products for the largest and fastest growing online website platform as part of our affiliate program.