il trucco che uso io sta nello sfruttare il bordo :

<html>
<head>
<title>Untitled</title>

<style>
ul {
padding:5px;
border:1px solid gray;
width: 150px;
text-decoration:none;
list-style: none;
margin:0; padding:0;
}
ul li {
border:1px #EFEFEF solid; }
ul li a {
text-decoration:none;
display: block;
text-decoration: none;
border-left: 10px solid; /*prova ad aumentare..*/
padding-left: 6px;
font-weight: bold;
font-size : 1em; }
ul li a:link, ul li a:visited {
border-color: navy;
color: navy;
display:block;
position:relative; }
ul li a:hover, ul li a:active {
display:block;
position:relative;
border-color: orange;
background: #ececec;
color: orange; }
</style>

</head>

<body>


<ul>[*]home page[*]novità[*]realizzazioni[*]grafica[*]informazioni[/list]


</body>
</html>