Allineamento tabelle

[tommasosatomma]

Buongiorno a tutti, ho un problema di allineamento di alcune immagini sulla pagina che sto creando.
La tabella è stata creata facendo lo slice di un'immagine, alla quale poi ho applicato un effeto di fade con jquery.
Il problema è che le due "braccia" dell'immagine, se applico il div per lo script, mi si disallineano.
Questo è il link alla pagina.

Vi metto anche il CSS corrispondente

body { 	
font-family: Tahoma, Verdana, Arial, sans-serif; 	
margin: 0; 	
padding: 0; 	
background: #FFFFFF; 	
margin-left: auto; 	
margin-right: auto; } 
.a {  
outline: none;  
border: 0px; } 
td.footer { 
font-family: Tahoma, Verdana, Arial, sans-serif; 	
background: #FFFFFF; 	
font-size: 9; 	
text-align: center }   
.index { 	
position: absolute; 	} 	
div.fadehover { 	
position: relative; 	}   
img.a { 	position: absolute; 	
left: 0; 	top: 0;        
 z-index: 10; 	
border: 0; 	}   
img.b { 	
position: absolute; 	
left: 0; 	
top: 0; 	
border: 0; 	}

Qualcuno può darmi una mano?
Grazie in anticipo

[tommasosatomma]

Nessuno sa aiutarmi?

[LittelNuvolin]

Ma devi usare per forza la tabella? (non è in tono polemico, è solo una domanda)

Non potresti usare un div dove inserisci l'immagine intera e poi con i livelli fai in modo che quando passi sulle varie parti ti escano i testi?...è un'idea...forse...

[tommasosatomma]

Non so bene come fare.. La tabella me la genera quando faccio lo slice dell'immagine.
Lo stesso sito prima era fatto invece che con il div per il jquery semplicemente con il css che sostituiva l'immagine quando ci passavi sopra col mouse.. e nn aveva problemi di disallineamento.
Inoltre l'immagine e' sfasata di una distanza "strana" perché' va a spostarsi sopra l'immagine più in basso.. non mi riesco a raccapezzare.. potrebbe essere un problema di posizioni determinate dal css?