CSS горизонтальное меню by Grigor

<div id="nav-menu">
<ul>
<li><a href="#">Главная</a></li>
<li><a href="#">Форум</a></li>
<li><a href="#">Контакты</a></li>
</ul>
</div>

#nav-menu ul
{
list-style: none; /* Убираем точку слева */
padding: 0;
margin: 0;
}

#nav-menu li
{
float: left;
margin: 0 0.15em;
}

#nav-menu li a
{
background: url(http://i061.radikal.ru/1008/0b/9b16ae24370a.gif) #fff;
height: 2em;
line-height: 2em;
float: left;
width: 9em;
display: block;
border: 0.1em solid #dcdce9;
color: #0067ba;
text-decoration: none;
text-align: center;
}
#nav-menu li a:hover /* Эффект наведения */
{
background: url(http://i067.radikal.ru/1008/34/4223e9558611.gif) #fff;
height: 2em;
line-height: 2em;
float: left;
width: 9em;
display: block;
border: 0.1em solid #dcdce9;
color: #fff;
text-decoration: none;
text-align: center;
}
/* Хак для IE */
#nav-menu li a
{
float: none
}
/* ========== */

#nav-menu
{
width:30em
}