i always found it easier to work with tables for this. you can customize the link attributes & the widths of the table data cells to your liking:
CODE
<table border="0">
<tr>
<td width="20"></td>
<td width="150" valign="top">
<span class="navi">text</span>
<span class="link"><a href="#">title here</a></span>
<span class="link"><a href="#">title here</a></span>
<span class="link"><a href="#">title here</a></span>
</td>
and here's what you would put in your css:
CODE
.link {
font-family: verdana, sans-serif;
font-size: 12px;
color: #000000;
line-height: 14px;
text-transform: uppercase;
background-color: #ffffff;
display: block;}
.link a:hover {
color: #ffffff;
text-decoration: none;
display: block;
background-color: #000000;}