list-style-image le immagini sono lontanissime dai testi

[carlaravelli]

Ciao a tutti e buone vacanze, posto subito un link di esempio per far capire il problema

http://www.comunicareoltre.it/client...in.php?plain=0

Come si vede nel menu di destra, quello in grassetto per capirci, i triangolini che dovrebbero essere a destra di ciascuna voce sono molto lontani dai relativi link...

vi posto il codice CSS

ul#menu2 {
    font-family: Din, Verdana, sans-serif;
	font-weight: bold;
    font-size: 14px;
    margin: 0px;    
	padding: 0px;
	list-style: none;
}
  
ul#menu2 li {    
  
    width: 200px;
    height: 63px;
    float: left; 	
	text-align: center;
	background-color: #e3e3e3;
	border-left: 1px solid #e7e7e7;
	border-right: 1px solid #e7e7e7;
	list-style-image: url('../images/triangle.png');
}
  
ul#menu2 li a {
    color: #182980;
    display: block;
    line-height: 15px;
    margin-top: 30px;
    width: 200px;
    height: 43px;
    text-align: center;
	text-decoration: none;
}
  
ul#menu2 li.active, ul#menu2 li a:hover {
    color: #F9AE40;
    text-decoration: none;
}

Non è il mio forte quindi chiedo aiuto a voi
Grazie a chi ad agosto vorrà starmi a sentire.

[Experiment8]

Ciao,

siccome non è possibile posizionare l'immagine di lista, ti consiglio di utilizzarla come background:

ul#menu2 li {    
    width: 180px;
    height: 63px;
    padding: 0 20px;
    float: left; 	
    text-align: center;
    background: #e3e3e3  url('../images/triangle.png') no-repeat 5px 34px;
    border-left: 1px solid #e7e7e7;
    border-right: 1px solid #e7e7e7;
}

Così dovrebbe posizionarsi esattamente dove vuoi.
Se hai domande chiedi pure