Code
<div id="navigation">
<ul>
<li><a href="/">Sākums</a></li>
<li id="active"><a href="/">Forums</a></li>
<li><a href="/">Galerijas</a></li>
<li><a href="/">Raksti</a></li>
<li><a href="/">Spēles</a></li>
<li><a href="/">Video</a></li>
<li><a href="/">Seriāli</a></li>
<li><a href="/">Kontakti</a></li>
<li><a href="/">Par mums</a></li>
</ul>
</div>
<style>#navigation {
width: 950px;
height: 50px;
margin: 0;
padding: 0;
background: url(http://labz.id.lv/skripti/nav-menuu/navigation-bg.jpg) no-repeat left top;
}
#navigation ul {
list-style: none;
margin: 0;
padding: 0;
}
#navigation ul li {
display: inline;
margin: 0px;
}
#navigation ul li a {
height:33px;
display: block;
float: left;
padding: 17px 15px 0 15px;
font: bold 12px Arial;
color: #FFF;
text-decoration: none;
background: url(http://labz.id.lv/skripti/nav-menuu/navigation-separator.png) no-repeat right center;
}
#navigation ul li a:hover {
color:#3B3B3B;
background: url(http://labz.id.lv/skripti/nav-menuu/navigation-hover.png) repeat-x left top;
}
#navigation ul li#active a {
color:#3B3B3B;
background: url(http://labz.id.lv/skripti/nav-menuu/navigation-hover.png) repeat-x left top;
}</style>