Ragazzi,

sono ore che mi picchio con un problema che può sembrare una stupidata:

Ho questo foglio di stile:

codice:
.NLAT{
	background-image:url(tab_sfo.gif);
	font-size: 8pt;
	font-family: verdana;
	color: #222222;
	border: 0px;
	margin-left: 20px;
}
E voglio applicarlo a questa tabella:

codice:
<table width="170px" border="0" align="center" cellpadding="0" cellspacing="0">
        	<tr>
          	<td valign="top" class="TLAT">[img]tab_top1.gif[/img]</td>
        	</tr>
        	<tr>
            	<td valign="top" class="NLAT">
		  		Home

				Final Fantasy

            	Final Fantasy II 

				Final Fantasy III

				Final Fantasy IV 

				Final Fantasy V 

				Final Fantasy VI  

				Final Fantasy VII 

				Final Fantasy VII: AC

				Final Fantasy VII: DOC

				Final Fantasy VIII

				Final Fantasy IX 

				Final Fantasy X 

				Final Fantasy X-2 

				Final Fantasy XI

				Final Fantasy XII 

				FF: Tactics Advance 

				FF: Crystal Chronicle 

				Oltre Final Fantasy 
				</td>
        	</tr>
        	<tr>
          	<td valign="top">

[img]tab_bottom.gif[/img]</p></td>
        	</tr>
      		</table>
Questo per poter spostare il contenuto della cella centrale (quella che contiene i link) un po' più a sinistra, per staccarla dal margine sinistro.

Ma nonostante nel css ci sia la direttiva del margine, non succede assoluamente niente, ed il risultato lo vedete qui: www.ffsaga.it/xhtml, nei menù di sinistra.

Cosa posso fare?

Bye