Code
.vidkat {
position:relative;
margin:0 -10px 20px;
padding-top:10px;
width:980px;
font:normal normal 10px/20px Tahoma, Geneva, sans-serif;
text-transform:uppercase;
}
.vidkat ul li {
display: inline;
float:left;
margin:0 10px;
}
.vidkat ul li a {
margin-bottom:10px;
display:block;
padding-left:22px;
width:98px;
height:20px;
text-decoration:none;
color:#fff;
background:#EEE url(http://ripbox.do.am/lesson/vidkat.gif) no-repeat 0 -20px;
-moz-border-radius:4px;
-o-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
font-family:Century Gothic;
}
.vidkat ul li a:hover {
background-position:0 0;
color:#fff;
text-decoration:none;
}
#wrapper {
float:left;
width:960px;
}
Code
<div class="vidkat">
<ul class="razdel">
<li><b><a href="http://ripbox.do.am/">Главная</a></b></li>
<li><b><a href="/">Верстка</a></b></li>
<li><b><a href="/">Скрипты</a></b></li>
<li><b><a href="/">Шаблоны</a></b></li>
<li><b><a href="/">Модули</a></b></li>
<li><b><a href="/">Плагины</a></b></li>
<li><b><a href="/">SEO</a></b></li>
<li><b><a href="/">Музыка</a></b></li>
<li><b><a href="/">Статусы</a></b></li>
<li><b><a href="/">Информеры</a></b></li>
<li><b><a href="/">Виджеты</a></b></li>
<li><b><a href="/">Фильмы</a></b></li>
</ul>
</div>