Affiancare due immagini in un div con IE 5.5

[esacerbare]

Devo riempire un div con 2 immagini (logo_sinistro.jpg e logo_destro.jpg) ma in IE 5.5 mi trasla inspiegabilmente le due immagini verso sinistra. Non riesco a capire se é un problema di XHTML oppure di css.

XHTML:

<div id="tot">      
<div id="a"></div>      
<div id="b"><a href="index.html">
[img]immagini/logo_sinistro.jpg[/img]
</a> 
<a href="index.html"> 
[img]immagini/logo_destro.jpg[/img]</a></div>      
<div id="c"></div>    </div>

CSS:

div#tot {  	
width:960px;  	
height:138px;  	
padding:0px;  	
margin:0px;  	
border-width:0px;  }  

div#a {  	
float:left;  	
width:10px;  	
height:138px;  	
padding:0px;  	
margin:0px;  	
border-width:0px;  	
background:url(../immagini/ombra_lato_sinistro.jpg) repeat-y top left;  } 
 
div#b {  	
float:left;  	
width:940px;  	
height:138px;  	
padding:0px;  	
margin:0px;  	
border-width:0px;  	
background-color:#FFF;  	
overflow:hidden;  }

div#c {
float:left;
width:10px;
height:138px;
margin:0px;
padding:0px;
border-width:0px;
background:url(../immagini/ombra_lato_destro.jpg) repeat-y top left;
}

Grazie per il vostro aiuto