Ciao a tutti :-)

Sono alle pese con il mio primo layout elastico e sto trovando alcune difficoltà fin dall'inizio, in particolare con il banner che dovrebbe adattarsi alla larghezza variabile.

Questo è il css che ho creato: container è ovviamente il div "generale" che comprende al suo interno tutto il resto, logo sarà appunto il logo in alto a sinistra della larghezza di 150px, il banner sarà composto di 3 parti, due ai lati per permettere qualche effetto grafico ad esempio di dissolvenza del banner stesso, e quello centrale con una piccola immagine ripetuta sull'asse x. La composizione di queste tre parti del banner dovrebbe dare (o avrebbe dovuto) permettere la creazione di un banner elastico.
codice:
.container {width: 100%}

.logo {float:left; width: 150px; height: 62px }

.bannerLeft{background: url(http://img395.imageshack.us/img395/9403/leftwf2.gif);
width: 54px; height: 62px; float:left
}
.bannerRight{background: url(http://img62.imageshack.us/img62/531/rightmv0.gif); 
width: 54px; height: 62px; float:right;
}
.bannerCenter{
	background: url(http://img182.imageshack.us/img182/2353/centermo7.gif) repeat-x;
	height: 62px;
	margin-left:204px;
	margin-right:54px;
	text-align: center;
	font:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	color:#000000;
	font-weight: bold;
	line-height:62px;
	letter-spacing:2px
}
Questo è il semplice codice html che dovrebbe far comporre le parti descritte prima

codice:
<div class="container" id="container">
    <div class="logo" id="logo">Logo</div>
    <div class="bannerLeft"></div>
    <div class="bannerRight"></div>
	<div class="bannerCenter">Banner</div>
</div>
Purtroppo mi sono accorto che se in firefox funziona tutto benissimo (anche con soluzioni alternative che dopo spiegherò) in internet explorer la visualizzazione ha dei difetti:

Visualizzazione corretta (firefox):


Visualizzazione errata (ie):

(il ridimensionamento a mano non ha mantenuto propriamente le proporzioni, volevo solo far notare le due righe nere derivate dal background color che separano i 3 div che compongono il banner)

Ho provato anche soluzioni alternative: ad esempio rendere il bannerCenter lungo quanto tutta la pagina (eccezion fatta per lo spazio del logo) ed al suo interno inserire gli altri due div da posizionare ai lati ma purtroppo in questo modo lo sfondo ripetuto cozza con gli angoli stondati rovinando l'effetto.
Ho anche provato a lasciare grossomodo tutto come ho incollato ma comprendendo i div left e right nel center dandogli dei margini negativi in modo che possano uscire dal center stesso e posizionarsi correttamente: purtroppo in questo modo (se in firefox ancora va tutto benissimo) internet explorer non mi visualizza affatto i due sfondi laterali.

Aiuto!