Moje řešení pomocí nečíslovaného seznamu

CSS

#menu 
{ 
float: left; 
width: 120px; 
margin:0; 
padding:0; 
text-align: left;
border-top: 3px solid black;
} 

.menu-obsah 
{ 
 margin:0; 
padding: 0; 
} 

#menu ul {

list-style: none;
}

#menu li {


}
#menu li a, #menu li a:visited, #menu li a:link {
background: transparent url(../images/menu_1.gif) no-repeat left center;
display: block;
height: 25px;  
line-height: 25px;
min-height: 25px;
text-indent: 20px;
text-decoration: none;
font-weight: bold;
color: #033;
border-bottom: 1px solid black;
font-variant: small-caps;
}

#menu li a:hover {
background: transparent url(../images/menu_1.gif) no-repeat right center;
color: #699;
}

<div id="menu">
<div class="menu-obsah">
<ul>
  <li><a href="index.php?p=1">Item_1</a></li>
  <li><a href="index.php?p=2">Item_2</a></li>
  <li><a href="index.php?p=3">Item_3</a></li>
  .....
  <li><a href="index.php?p=n">Item_n</a></li>
</ul>
</div>
</div>