<div id="con">
<div id="nav">
<ul>
  <li><a href="#"><span>Главная</span></a></li>
  <li><a href="#"><span>Поиск</span></a></li>
  <li><a href="#"><span>Регистрация</span></a></li>
  <li><a href="#"><span>Карта сайта</span></a></li>
  <li><a href="#"><span>О сайте</span></a></li>
</ul>
</div>
</div>

#con{
position:relative;
height:56px;
color:#E0E0E0;
background:#561815;
width:100%;
font-family:Helvetica,Arial,Verdana,sans-serif;
}

#nav{
position:relative;
height:32px;
font-size:12px;
text-transform:uppercase;
font-weight:bold;
background:#fff url(images/bg.gif) repeat-x bottom left;
padding:0 0 0 20px;
}

#nav ul{
margin:0;
padding:0;
list-style-type:none;
width:auto;
float:left;
}

#nav ul li{
display:block;
float:left;
margin:0 1px;
}

#nav ul li a{
display:block;
float:left;
color:#EAF3F8;
text-decoration:none;
padding:0 0 0 20px;
height:32px;
}

#nav ul li a span{
padding:12px 20px 0 0;
height:21px;
float:left;
}

#nav ul li a:hover{
color:#fff;
background:transparent url(images/bg_over.gif) repeat-x bottom left;
}

#nav ul li a:hover span{
display:block;
width:auto;
cursor:pointer;
}

#nav ul li a.current,#nav ul li a.current:hover{
color:#fff;
background:#1D6893 url(images/left_on.gif) no-repeat top left;
line-height:275%;
}

#nav ul li a.current span{
display:block;
padding:0 20px 0 0;
width:auto;
background:#1D6893 url(images/right_on.gif) no-repeat top right;
height:32px;
}