вертикальное CSS меню

body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  margin: 0;
  font-size: 80%;
  font-weight: bold;
  background: #F3FAFF;
  }
h1 {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:16px;
  font-weight:bold;
  margin:20px 15px;
  padding:0;
  }

hr {
  border:none;
  border-top:1px solid #CCCCCC;
  height:1px;
  margin-bottom:25px;
  }

ul {
  list-style: none;
  margin: 0;
  padding: 0;
  }
img {
  border: none;
}  

#menu36456 {
  width: 200px;
  margin: 10px;
  border-style: solid solid none solid;
  border-color: #000;
  border-size: 1px;
  border-width: 1px;
  }

#menu36456 li a {
  height: 32px;
  voice-family: "\"}\"";
  voice-family: inherit;
  height: 24px;
  text-decoration: none;
  }

#menu36456 li a:link, #menu36456 li a:visited {
  color: #CCC;
  display: block;
  background: url(images/menu36456.gif);
  padding: 8px 0 0 10px;
  }

#menu36456 li a:hover, #menu36456 li #current {
  color: #FFF;
  background: url(images/menu36456.gif) 0 -32px;
  padding: 8px 0 0 10px;
  }

<div id="menu36456">
  <ul>
  <li><a href="http://ucozon.ru/"><span>Главная</span></a></li>
  <li><a href="http://ucozon.ru/"><span>Поиск</span></a></li>
  <li><a href="http://ucozon.ru/"><span>Регистрация</span></a></li>
  <li><a href="http://ucozon.ru/"><span>Карта сайта</span></a></li>
  <li><a href="http://ucozon.ru/"><span>О сайте</span></a></li>
  </ul>
</div>