Uwebik.ucoz.com

  
  <div id="menu">
  <ul class="reset">
  <li><a href="/" title="Обзоры новых игр">Главная</a></li>
  <li><a href="/forum/" title="Игровой форум онлайн игр">Форум</a></li>
  <li><a href="/games/" title="Обзоры игр для PC">Игры <i></i></a></li>
  <li><a href="/news/" title="Новости игрового мира">Новости</a></li>
  <li><a href="/guides/" title="Гайды по играм">Гайды</a></li>
  <li><a href="/video/" title="Видео обзоры игр">Видео</a></li>
  <li><a href="/files/" title="Дополнения к играм">Файлы <i></i></a></li>
  <li><a href="publ" title="Статьи">Статьи</a></li></ul>
  </form>  
  </div>

#menu {
  height: 35px;
  background: #575757;
}

#menu ul li {
  display: inline-block;
  position: relative;
  float: left;
}

#menu ul li a {
  display: block;
  height: 35px;
  line-height: 35px;
  color: #fff;
  text-transform: uppercase;
  padding: 0 20px;
  border-right: 1px solid #010000;
}

#menu ul li a:hover {
  background: #5E5E5E;
  text-decoration: none;
}

#menu ul li a.active {
  background: #4E6D8C;
}

#menu ul li a i {
  display: inline-block;
  width: 5px;
  height: 8px;
  background: url('') no-repeat 0 center;
  margin: -2px 0 0 2px;
}

#menu ul li ul {
  position: absolute;
  top: 35px;
  left: 0;
  z-index: 3;
  background: #575757;
  display: none;
  border: 1px solid #000;
}

#menu ul li ul li {
  float: none;
  display: block;
  min-width: 150px;
}

#menu ul li ul li a {
  border-right: none;
}