Hi guys,

First post on this forum!

#menu
{
width: 800px;
margin: 0;
padding: 0;
background-color:Red;

}

#menu ul
{
list-style: none;
margin: 0;
text-align: center;
}
#menu li
{
display: inline;
}

#menu a
{
width: 152px;

height: 25px;
padding-top: 5px;
float: left;
text-decoration: none;
background-image: url(../Images/tab.gif);
background-repeat: repeat-y;
margin: 2px;
border: solid2pxblack;
color: #000000;
font-weight: bold;

}

When I change the width of #menu a from 152px to any other value, the margin below the menu is removed...
Any ideas why?

Thanks in advance!
Joe

That makes no sense, and I can't reproduce it from that code snippet.
Which browser is showing the problem ?
Lets see the rest of the html and css.


In addition, you're triggering the doubled-float margin bug in IE 6 with the float:left and a left margin value.