Код CSS:

<style type="text/css">
#ddblueblockmenu{
  border: 1px solid black;
  border-bottom-width: 0;
  width: 185px;
}
#ddblueblockmenu ul{
  margin: 0;
  padding: 0;
  list-style-type: none;
  font: normal 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}
#ddblueblockmenu li a{
  display: block;
  padding: 3px 0;
  padding-left: 9px;
  width: 169px; /*185px minus all left/right paddings and margins*/
  text-decoration: none;
  color: white;
  background-color: #2175bc;
  border-bottom: 1px solid #90bade;
  border-left: 7px solid #1958b7;
}
* html #ddblueblockmenu li a{ /*IE only */
  width: 183px; /*IE 5*/
  width: 183px; /*185px minus all left/right paddings and margins*/
}
#ddblueblockmenu li a:hover {
  background-color: #2586d7;
  border-left-color: #1c64d1;
}
#ddblueblockmenu div.menutitle{
  color: white;
  border-bottom: 1px solid black;
  padding: 1px 0;
  padding-left: 5px;
  background-color: black;
  font: bold 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}
</style>
 

Код HTML:

<div id="ddblueblockmenu">
 <div class="menutitle">Меню</div>
 <ul>
  <li><a href="http://www.jongol.ru/">Домой</a></li>
  <li><a href="http://www.jongol.ru/contact/">Контакты</a></li>
  <li><a href="http://www.jongol.ru/archive/">Архив</a></li>
 </ul>
 <div class="menutitle">Дополнительное меню</div>
 <ul>
  <li><a href="http://www.jongol.ru/php/">PHP</a></li>
  <li><a href="http://www.jongol.ru/javascript/">JavaScript</a></li>
  <li><a href="http://www.jongol.ru/css/">CSS</a></li>
  <li><a href="http://www.jongol.ru/seo/">SEO</a></li>
 </ul>
</div>