<div id="menu">
<ul class="menu">
  <li><a href="#">Главная</a></li>
  <li><a href="#">Об авторе и блоге</a></li>
  <li><a href="#">Портфолио</a>
  <ul class="submenu">
  <li><a href="#">Дизайн</a></li>
  <li><a href="#">Верстка</a></li>
  <li><a href="#">Веб-интерфейсы</a></li>
  </ul>
  </li>
  <li><a href="#">Реклама в блоге</a></li>
</ul>
</div>

#menu {
  height: 43px;
  behavior: url(csshover.htc);
  background: #9ea8b2 url(images/mbg.gif) repeat-x;
  }
#menu ul, li {
  margin: 0px;
  padding: 0px;
  }
ul.menu {
  float: left;
  }
#menu ul.menu li {
  margin: 0px;
  float: left;
  width: 200px;
  height: 30px;
  display: block;
  padding-top: 13px;
  text-align: center;
}
#menu ul.menu li:hover {
  background: #5e717f url(images/mbgh.gif) repeat-x;
  }
#menu ul.menu li:hover ul.submenu {
  display: block;
  -margin-top: 30px;
  -margin-left: -141px;
  }
#menu ul.menu li ul.submenu {
  display: none;
  margin-top: 13px;
  position: absolute;
  background: #bcc4ce;
  }
#menu ul.menu li ul.submenu li {
  float: none;
  display: block;
  }
#menu ul.menu ul.submenu li:hover {
  background: #9ca6b0;
  }
#menu ul li a {
  color: #fff;
  font-size: 14px;
  text-decoration: none;
  }
#menu ul li a:hover {color: #ecd661;}
#menu ul.submenu li a {
  color: #4f5458;
  font-size: 14px;
  text-decoration: none;}
#menu ul.submenu li a:hover {
  color: #152535;
  }