Ciao a tutti

ho creato, all'interno della colonna di sinistra, un menų verticale in asp dove, alla destra di ogni voce menų, appare una piccola icona.
Il codice si presenta cosė:

<tr>
<td>Voce menų</td>
<td><div id="menu_sx_icona">[img]../img/pixel_1x1.gif[/img]</div></td></tr>
</tr>

Utilizzando questo codice riscontro problemi sull'avvicinare l'icona alla voce del menų. Modificando i 2 width dei 2 <td></td> ottengo quello che voglio in FF e OP ma in IE7 no xchč l'icona rimane sempre ad una distanza fissa.

X far avvicinare di + l'icona alla voce in menų ho aggiunto un altro <td></td> alla destra dell'icona, e modificando i width, riesco ad avvicinarmi di + ma non come vorrei.

Potete dirmi se con i CSS esiste un'altra soluzione?

Il codice della pagina č questo:

<tr>
<td>
<a href="<%=(rs_menu_sx.Fields.Item("LINK_ESTERNO").V alue)%>">
<%=(rs_menu_sx.Fields.Item("NOME").Value)%>
</a>
</td>
<td>
<div id="menu_sx_icona">
[img]../img/pixel_1x1.gif[/img]
</div>
</td>
<td>
<div id="">
[img]../img/pixel_1x1.gif[/img]
</div>
</td>
</tr>

Quello del CSS č questo:
#menu_sx_img{
width:198px;height:282px;
border:2px;
border-color:#FFF;
background-image:url(../img/rami_sx.png);
/* y_top / x_right / y_bottom / x_left */
margin:0 -5% 0 -1%;/* Sposta l'immagine del menu_sx con le coordinate X e Y*/
padding:0 0 0 0%;
}

#menu_sx_icona{
width:11px;height:16px;
/*border:2px;*/
/*border-color:#FFF;*/
background-image:url(../img/goccia.gif);
/*background:#8BBE3B;*/
/* y_top / x_right / y_bottom / x_left */
padding:0;
margin:0px 0% 0 0%;/* Sposta l'immagine del menu_sx con le coordinate X e Y*/}

#menu_sx {width:100%;
/* y_top / x_right / y_bottom / x_left */
margin:0% 0% 0 15%!Important;/* Sposta il contenitore del menu_sx con le coordinate X e Y*/
margin:0; /*xmette a IE6 di visualizzare il menų come in FF,OP, IE7 */
padding:0;}

#menu_sx ul{list-style-type:none}
#menu_sx li{}
#menu_sx a{width:98%; padding:0px; margin:0px 0 0 0;/* distanzia le voci del menų */
vertical-align:top;color:#FEF7E7;font-family:arial,sans-serif;font-size:1.2em;font-weight:bold;text-decoration: none;}
#menu_sx a:hover{color:#6D8BBD;text-decoration: none}
#menu_sx a#activelink{text-decoration: none}
#menu_sx p{font-size: 90%}


#menu_sx caption{font-weight:bold;color:#FFF;font-size:14px; background:#143788;font-family:Verdana, Geneva, sans-serif; padding:2px;}
#menu_sx th, #menu_sx td {
/*background:#8BBE3B;*/
width:500px;
/*border:5px solid #341211;border-collapse:collapse;*/
color:#000; font-family:Verdana, Geneva, sans-serif; text-align:left; padding:0; margin:0;}
#menu_sx td, #menu_sx th {}
#menu_sx th {}
#menu_sx tr:hover td {/* questo non funziona in IE7 in su,FF,Opera e Safari*/}
#menu_sx.odd td{}

col.oddmenu_sx{/*background:#FDFFFF;*//*x vedere questo sfondo eliminare il colore in col.col2classifica*/}

col.col1menu_sx {width:2%;}
col.col2menu_sx {width:2%;}
col.col3menu_sx {width:8%;}