testo sfalsato con chorme e IE

[portier]

Salve a tutti.
Come da oggetto, non riesco a dare le giuste impostazioni per un testo contenuto in un DIV.
Questa è la parte incriminata:

<div align="center">
<div style="background-color: #cadfdf; border-radius: 0px 0px 10px 10px; border: 2px solid #000066; padding: 6px; margin-top: -10px; width:500px; ">                      
Dopo aver ricercato il volume di proprio interesse per la 
prenotazione dei libri consultare i contatti a fondo pagina.

</div> </div>

Con firefox, la pagina si vede correttamente, ma con gli altri browser no.
Prima non me ne ero accorto. E pensare che è la pagina iniziale del sito.
Il sito in questione è: http://tecadonpiero.altervista.org/
Cosa potrei fare ?
Grazie a tutti

[karl94]

Il problema è che non ti assicuri che il div.textimage sia sufficientemente alto e in alcuni casi l'immagine con il float può influenzare anche gli elementi successivi. Imposta per il div.textimage la proprietà overflow su hidden.

Grazie Karl,
ho provato, ma non ho notato cambiamenti.
Allego anche il css della classe con il tuo suggerimento inserito:

div.textimage{
	width: 100%; margin-bottom: 10px;     
	border: 2px solid #000066;background-color: #eee;
        overflow: hidden;
	}

	div.textimage img{
	float:left;
	margin: 10px;  
	}

	div.textimage h3, div.textimage p{
	margin:0 10px;
	padding: 0;
	}

	div.textimage h3{
	margin-top: 10px;
	}

[karl94]

A me risulta che abbia impostato la proprietà per l'elemento div.textimage img, impostala per div.textimage come nel codice che hai riportato qua.

[portier]

Ho provato a fare anche come dici, ma non sembra aver effetto. Si impagina bene solo su firefox.

[karl94]

Il codice adesso è corretto, probabilmente è solo un problema di cache, del tuo browser o di CloudFlare (o di entrambi), svuota tutte le cache.

[portier]

OK, andato. Ha funzionato. Grazie infinite per l'aiuto. Ciao