<style type="text/css">
#menu {
margin:0 auto;
border:1px solid #888888;
border-radius:5px;
width:950px;
padding:10px;
background:#E8E8E8;
}

#menu li {
display:inline;
list-style:none;
}

#menu a {
color:#888888;
font-size:12px;
font-family:verdana;
text-decoration:none;
padding:8px;
}

#menu a:hover {
border-radius:8px;
padding:8px;
color:#FFF;
box-shadow:inset 0px 1px 0px #E8E8E8;;
background:-o-linear-gradient(#888888,#222222);
}

#menu a:active {
color:#88FF00;
}

#menu a.active {
border-radius:8px;
padding:8px;
color:#FFF;
box-shadow:inset 0px 1px 0px #E8E8E8;;
background:-o-linear-gradient(#888888,#222222);
}

#menu a.active:hover {
color:#FFF;
}

#menu li.line {
color:#999999;
}
</style>

<ul id="menu">
<li><a href="#" class="active">Главная</a></li>
<li class="line">|</li>
<li><a href="#">Форум</a></li>
<li class="line">|</li>
<li><a href="#">Файлы</a></li>
<li class="line">|</li>
<li><a href="#">Все для bf2</a></li>
<li class="line">|</li>
<li><a href="#">Все для cs1.6</a></li>
<li class="line">|</li>
<li><a href="#">Все для ucoz</a></li>
<li class="line">|</li>
<li><a href="#">Все для фотошопа</a></li>
<li class="line">|</li>
<li><a href="#">Картинки для рабочего стола</a></li>
</ul>