Меню для сайта ucoz, горизонтальное

<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>