IE7 e Div su una sola riga

[JCoder87]

Ciao ragazzi...

nel provare il rendering del mio sito web sui vari browser ho notato che, mentre su FireFox, Safari e Chrome funzioona tutto come voglio io, su IE7 (x non parlare degli altri IE, ma x questi ho già la soluzione), non riesco a far visualizzare 3 DIV su una stessa riga...
Le tre DIV, contengono del testo, e hanno sfondo arancio, in modo tale da dare l'effetto di "3 foglietti appesi ad un muro bianco"... dove il muro bianco è la DIV che le contiene...

Qualcuno di voi sa come riuscire ad aggirare questo problemino?

Grazie a tutti...

Mirko

[grandeorco]

devi postare il codice del blocco div contenitore con tutto quello che contiene ed il css che regola il layout cosi vediamo dove si incaglia

[JCoder87]

Rieccomi...

Allora il codice della pagina HTML è questo:

<div class="content">
     <div id="contratti">
          <div class="contratto">xxxxxxxxxxxxxx</div>
          <div class="contratto">xxxxxxxxxxxxxx</div>
          <div class="contratto">xxxxxxxxxxxxxx</div>
     </div>
</div>

Come potete vedere non sono altro che 3 DIV in una DIV "padre"...
Ora di seguito metto il CSS che regola queste DIV:

#cotratti{
	display:inline;
}
.contratto{
	display:inline-block;
	margin-left:.5em;
	width:190px;
	background-color:#FF9933;
	border: 1px solid #aaa;
	margin-bottom:.5em;
}
.contratto h3{
	color: #284C00;
	background-color:#FF9933;
	background-position: bottom center;
	background-repeat: repeat;
	font-size: 11px; 
	line-height: 16px;
	text-transform: uppercase;
	margin-top:.5em;
	padding:4px 4px 4px 10px;
}

Come detto nel post precedente, sui browser Fire-Fox e gli altri basati su web-kit, tutto ok...
Il problema è il mitico IE...

Grazie a tutti per l'attenzione..

Cordiali saluti
Mirko

[Gufo]

.contratto{
	float:left;
	display:inline-block;
	margin-left:.5em;
	width:190px;
	background-color:#FF9933;
	border: 1px solid #aaa;
	margin-bottom:.5em;
}

[JCoder87]

grazie mille... Soprattutto per la rapidità...

Mirko