Problema con IE ed overflow

[magnus]

Ciao ragazzi,
la seguente pagina: http://magnuslab.hosty.it/ si vede correttamente su firefox mentre su IE il codice evidenziato ( <pre> ) risulta andare sotto l'immagine

L'errore si verifica ad esempio nell'articolo: "Creazione di un input dialog box in JAVA"

In pratica vorrei che il box partisse appena l'immagine è finita, non all'inizio come adesso.

Il codice che ho utilizzato per il tag <pre> è il seguente:

pre {
color: #000000;
background: #eee8aa;
padding: 7px;
margin-top: 5px;
margin-bottom: 5px;
border: 1px dashed #7BA813;
overflow : auto;
font-family : "courier new", courier, consolas, FreeMono, monospace;
}

Come posso modificarlo in modo tale che funzioni correttamente pure per IE?

Ciao!

[gengix]

Specifica che si vede male con IE6, perchè con il 7 a me si vede bene.
Cmq io la risolverei così, ti inserisco il pezzettino di codice modificato:

css:
pre, #pre1
{
color: #000000;
background: #eee8aa;
padding: 7px;
margin-top: 5px;
margin-bottom: 5px;
border: 1px dashed #7BA813;
overflow : auto;
font-family : "courier new", courier, consolas, FreeMono, monospace;
}
#pre1
{
width:451px;

}

xhtml:

<h5>Posted by Magnus on Mar 6, 2008</h5>



Ragazzi, è un operazione davvero semplice.</p>


Di seguito vi propongo subito la sintassi più semplice da utilizzare:</p>
<pre id="pre1">String response = JOptionPane.showInputDialog(null,
"What is your name?",Enter your name",
JOptionPane.QUESTION_MESSAGE);</pre>

ho tirato via il p al primo link e ho impostato una larghezza al pre dandogli un id.
Prova fare così anche con quelli che ti danno lo stesso problema.
Spero di avere capito bene.

[magnus]

Ottimo funziona!