Горизонтальное меню

#navigation 
 
{
 
font-size: 90%;
 
}
 
 
 
#navigation ul 
 
{
 
list-style: none;
 
margin: 0;
 
padding: 0;
 
padding-top: 1em;
 
}
 
 
 
#navigation li 
 
{
 
display: inline;
 
}
 
 
 
#navigation a:link, #navigation a:visited 
 
{
 
padding: 0.4em 1em 0.4em 1em; 
 
color: #FFFFFF;
 
background-color: #B51032;
 
text-decoration: none;
 
border: 1px solid #711515;
 
}
 
 
 
#navigation a:hover 
 
{
 
color: #FFFFFF;
 
background-color: #711515;
 
}
 
// --- ----- ----- -- - - - //
 
<div id="navigation">
 
 
 
<ul>
 
<li><a href="#">Главная</a></li>
 
<li><a href="#">Статьи</a></li>
 
<li><a href="#">Примеры</a></li>
 
<li><a href="#">Контакты</a></li>
 
</ul>
 
 
 
</div>