Ok, I have everything for this menu, except there is a margin on the top and bottom. I'm certain its in the #navigation ID, because when I take the <div id=...out, there is no top or bottom margin. I've tried margin-top, bottom, etc., but it still doesn't work.

#navigation {
border-top-width: 1px;
border-top-height: 125px;
border-top-style: solid;
border-top-color: #1D369F;
border-bottom-width: 1px;
border-bottom-height: 125px;
border-bottom-style: solid;
border-bottom-color: #1D369F;
border-left-width: 2px;
border-left-height: 125px;
border-left-style: solid;
border-left-color: #1D369F;
border-right-width: 2px;
border-right-height: 125px;
border-right-style: solid;
border-right-color: #1D369F;
}
This is the address of the menu if it helps any.
angeltowns.com/members/alc003/newdesign.html

Thanks :)

The code you used should work, unless you did it wrong.

Add the following to the code above:


margin-top: 0;
bargin-bottom: 0;


Thanks,
Chris :D

Sorry for the double post. Just realised that I mistyped the code - 7 minutes later.

Obviously it should be margin-bottom

Thanks,
Chris :

It was the margins. But, they have to go in the area for unordered lists, apparently.

ul {padding-left:0; margin-left:0px; margin-top:0px; margin-bottom:0px;list-style-type:none;}

So, now it works.

Good Good :)

Thanks,
Chris :D