hola amigos el codigo es el siguiente:
html
<body>
<div id="navcontainer">
<ul id="navlist">
<li id="active"><a href="#" id="current">Item one</a></li>
<li><a href="#">Item two</a></li>
<li><a href="#">Item three</a></li>
<li><a href="#">Item four</a></li>
<li><a href="#">Item five</a></li>
</ul>
</div>
</body>
y el css
ul#navlist
{
margin-left: 50px;
padding-left:150px ;
white-space: 10px;
}
#navlist li
{
display: inline;
list-style-type: none;
}
#navlist a { padding: 50px, 10px; }
#navlist a:link, #navlist a:visited
{
color:;
background-color:#CC0000 ;
text-decoration: none;
}
#navlist a:hover
{
color:#FF0000;
background-color: #369;
text-decoration: none;
}
lo que quiero es dejar margen por arriba, separar los botones y aplicar color distinto a cada uno. Muchas gracias amigos, me estais sacando de un apuro