Ciao.

Mentre cercavo di creare una pagina xhtml utilizzando i css mi sono imbattuto in un problema.

In sostanza ho due div, uno è quello che contiene il banner <div id="banner"></div>
l'altro è quello che contiene la data corrente <div id="data"></div>.

Gli stili associati sono:

#banner
{
border:1px solid #000000;
width:800px;
height:150px;
float:left;
background-image:url(../images/BannerSantaMargherita.jpg);
background-position:center;
background-repeat:no-repeat;
padding:0px;
margin-right:-10px;
}

#data
{
border:1px solid #000000;
border-left:0px;
width:199px;
height:150px;
background-image:url(../images/Legno1.jpg);
background-position:center;
background-repeat:no-repeat;
padding:0px;
margin:0px 0px 0px 800px;
}

Il problema che mi si presenta è che sotto Firefox tutto è ok, sotto IE tra il div banner e quello data resta presente un piccolo spessore che è impossibile eliminare.
Ho provato a diminuire i margini, ma così facendo il div data va' a capo e si posiziona sotto.


Qualcuno ha idea di come io possa risolvere questa cosa??
Certo che è proprio assurdo che due browser si comportino in modo così diverso!


Grazie

Mauro