Colocacion de un menu correctamente

[Frannixo]

Me quedaria asin

Código HTML:

<ul id="contenedormenus">
* <li id="menus"><a href="">
<img src="http://www.forosdelweb.com/f53/style/admin/images/icons/group.png" width="71" height="69" />
<b>Grupos de Usuarios</b>
</a></li>
<li id="menus"><a href="">
<img src="http://www.forosdelweb.com/f53/style/admin/images/icons/group.png" width="71" height="69" />
<b>Grupos de Usuarios</b>
</a></li>
<li id="menus"><a href="">
<img src="http://www.forosdelweb.com/f53/style/admin/images/icons/group.png" width="71" height="69" />
<b>Grupos de Usuarios</b>
</a></li>
</ul>
 

Código CSS:

#contenedormenus {
    width: 5px;
    height: 250px;
}
#menus {
      -webkit-transition-property: -webkit-box-shadow, background;
      -webkit-transition-duration: 0.25s;
        padding: 6px;
        border-bottom: 0px;
        border-left: 0px;
        border-right: 0px;
        border-top: 1px solid #d9d9d9;
        -moz-box-shadow: 0px 0px 2px #000;
        -webkit-box-shadow: 0px 0px 2px #000;
        -webkit-border-radius:15px;
        margin-bottom: 10px;
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fdfdfd), to(#dedede));
        width:150px;;
        height:auto;
        list-style:inside none;
}   
 
#menus .contentmenu {
    padding: 2px 2px 2px 2px;
    text-align:center;  
    
}
#menus img {
    padding-left:40px;
    
}