Ciao a tutti,
eccomi di nuovo per un problema di IEvsFIREFOX!
Per rendere meglio l'idea date un'occhiata all'immagine allegata è meglio di una descrizione!

Il codice XHTML è il seguente:

codice:
	<div id="content_sx">
		<div class="barra"><h3>TITOLO BARRA 1</h3></div>
        
		<div id="canali">		
			<div class="colonna">

[img]images/foto1.jpg[/img]</p>

DESCRIZIONE 1</p></div>
			
			<div class="colonna">

[img]images/foto2.jpg[/img]</p>

DESCRIZIONE 2</p></div>
			
			<div class="colonna">

[img]images/foto3.jpg[/img]</p>

DESCRIZIONE 3</p></div>
			
		</div> 
		
	</div>


Il codice CSS è il seguente:

codice:

.barra {
	background-color: #A52A2A;
	width: 100%;
	DISPLAY: BLOCK;
}

#content_sx {
	margin-left: 27px;
	width: 485px; 
	padding-left: 3px;
	padding-right: 3px;
	background: #F8F7EF;
   	border: 1px dashed #B2B2B2;
	border-width: 1px 1px;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#canali {
	margin-top: 5px;
	margin-right: 0px; 
	margin-bottom: 5px !important; /* SOLO PER FIREFOX */
	margin-bottom: 5px;
	margin-left: 0px;
	padding-top: 5px;
	padding-right: 0px; 
	padding-bottom: 10px !important; /* SOLO PER FIREFOX */
	padding-bottom: 5px;
	padding-left: 0px;  
	border: 1px solid;
	border-color: #000;
	background: #F4F4F4;
	color: #000;
	font: 10px verdana,sans-serif;
	width: 482px;
}

.colonna {
	float: left;
	width: 125px;
	text-align: center;
	padding: 3px 7px 0px 7px;
	margin-left: 6px;
	border: dotted 1px;
}
A cosa può essere dovuto questo effetto "strano" in FIREFOX? Forse è dovuto ad un'interpretazione sbagliata da parte mia di WIDTH? Però se si non mi risulta (forse sbaglio qualcosa nel contare gli elementi...) :master: