#menu{ 
margin: 0; /* de marges zetten we op nul */ 
padding: 0;
}

#menu li{ 
list-style-type: none;
float:left; /* type van de style zetten we op 'none', zodat we geen opsommingsteken krijgen */ 
width: 106px; /* breedte en hoogte opgeven */ 
height: 28px; 
margin-right:5px; /* marges instellen */ 
padding: 0;
text-align:center;

}

#menu li a{ /* van de links een block-element maken voor het :hover effect */ 
display: block; /* breedte en hoogte op 100% zodat de <li> wordt opgevuld */ 
width: 106px; /* breedte en hoogte opgeven */ 
height: 24px;
padding-top:4px;
background-image:url('/img/but-off.gif');
background-repeat:no-repeat;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#626262;
text-transform:uppercase;
text-decoration:none;
}

#menu li a:hover{ 
background-image:url('/img/but-on.gif');
background-repeat:no-repeat;
text-decoration:none;
color:#ffffff;
}