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 e' il link alla pagina

Vi metto anche il CSS corrispondente che gestisce il layout.

codice:
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