HTML-код меню

  <ul class="navs">
    <li class="nolinks">Первый раздел :</li>
    <li><a href="#"><em></em>Название 1 кнопки </a></li>
    <li><a href="#" class="selected"><em></em>Название 2 кнопки </a></li>
    <li><a href="#"><em></em>Название 3 кнопки </a></li>
  </ul>

CSS меню

.navs {list-style-type:none;padding:0 6px 6px;}
.navs .nolink {color:#454545;font:bold 12px arial;padding:4px 0;}
.navs a {
  color:#888;display:block;font:bold 11px arial;padding:0 0 0 1px;
  text-decoration:none;overflow:hidden;white-space:nowrap;
  text-overflow:ellipsis;-o-text-overflow:ellipsis;/* OPERA */
}
.navs a:hover {color:#45f;overflow:visible;}
.navs a em,.navs a:hover em,
.navs a.selected em,.nav a.selected:hover em {
  border:#888 4px solid;display:inline-block;
  margin:3px 4px 0 0;overflow:hidden;width:0;height:0;
}
.navs a:hover em {border:#45f 4px solid;}
.navs a.selected,.nav a.selected:hover {color:#a00;cursor:text;}
.navs a.selected em,.nav a.selected:hover em {border:#a00 4px solid;}

*html .navs a {width:184px;}
*html .navs a:hover {overflow:hidden;}