Overflow hidden en UL

[aguila_393]

Código HTML:

<ul class="left ul"> 
               <li class='recomendadas'><span ><a href='index.php?id=16' class='orange'>asd </a></span></li><br/>
<li class='recomendadas'><span ><a href='index.php?id=18' class='orange'>asd </a></span></li><br/><br/>
<li class='recomendadas'><span ><a href='index.php?id=12' class='orange'>asd </a></span></li><br/>
<li class='recomendadas'><span ><a href='index.php?id=11' class='orange'>asd </a></span></li><br/><br/>
<li class='recomendadas'><span ><a href='index.php?id=22' class='orange'>Nuevo pps </a></span></li><br/>
<li class='recomendadas'><span ><a href='index.php?id=26' class='orange'>Gold </a></span></li><br/><br/>
</ul>
 

Código CSS:

ul.ul{
    line-height:13px;
}
li.recomendadas{
list-style-image:url(../images/rec.gif);
width:70px;
max-height:15px;
overflow:hidden;
 
}