Jsem to udelal cele znova a uz mi to prijde pouzitelne. FF je o par .px sirsi ale na to kaslu:
.vmenu, .vmenu li ul
{list-style-type:none;
margin:0;
padding:0;
width:170px;
border-top:1px solid black;
border-left:1px solid black;
border-right:1px solid black;}
.vmenu li
{position:relative;}
.vmenu li a
{background:#666666;
font-family:arial;
font-size:12px;
font-weight:bold;
color:white;
display:block;
width:auto;
padding:5px;
padding-left:10px;
text-decoration:none;
border-bottom:1px solid black;}
.vmenu li a:hover{
background:#aaaaaa;
color: #000055}
.vmenu li a.selected
{background:#ffffff;
color: black;}
.vmenu li a.selected:hover
{background:#ffffff;
color: black;}
/* Hack for IE \*/
* html .vmenu li { float: left; height: 1%; }
* html .vmenu li a { height: 1%; }
<ul class="vmenu">
<li><a href="#">Link 1</a></li>
<li><a class="selected">Vybraný link</a></li>
<li><a href="#">Další odkaz</a></li>
<li><a href="#">Další, skutečně hodně dlouhé menu</a>
<li><a href="#">Blabla bla 42</a></li>
<li><a href="#">Život , vesmír a vůbec</a></li>
<li><a href="#">Poslední</a>
</ul>