Ciao ragazzi, sto sbattendo la testa da qualche giorno su un problema dovuto alla diversa visualizzazione che ho in FF e IE dello stesso codice. Non sono molto esperto di CSS, e dopo aver consultato svariate fonti online non ho ancora trovato soluzione.

tutto nasce dall'esigenza di avere un contenuto in un "box" dotato di scrollbar, inserito in un layout. (nota: è stato usato un apposito script per personalizzare l'estetica delle scrollbar)

questo è il risultato attuale: http://www.i3fighters.com/test/scrollbar.htm

su IE7 vedo tutto correttamente, sia per dimensioni sia per posizionamento.
su FF3 il box con la scrollabar fa un po quel che gli pare, apparendo con dimensioni diverse.

eisiste una soluzione a questo problema?

questo il codice CSS


body {
background-color: #000000;
margin: 0;
padding: 0; padding-top: 1em;
font-family: "Trebuchet MS", Trebuchet, Verdana, Sans-Serif;
font-size: 13px;

}

#container {
position:absolute;
top:50%;
left:50%;
width:758px;
height:454px;
margin-left:-379px;
margin-top: -227px;
font-weight:bold;
padding:0;
background-color: #FEFEFE;
}

#leftcol
{
position:absolute;
width: 444px;
height:442px;
margin: 0;
margin-left: 7px;
margin-top: 6px;
background-color: #FF0000;

}

#rightcol
{
float: right;
width: 291px;
height:442px;
margin: 0;
margin-right: 7px;
margin-top: 6px;
background-color: #FFF000;

}

#mycustomscroll {
width: 334px;
height: 396;
overflow: auto;
position: relative;
margin: 0.3em auto;
padding: 15px;
margin-left: 80px;
margin-top: 31px;
background-color: #ffffff;
}


questo il codice nelal pagina HTML




<BODY>

<div id="container">

<div id="leftcol">




<div id='mycustomscroll' class='flexcroll'>



Testo di prova.... </p>
</div>






</div>


<div id="rightcol"> contenuti colonna di destra</div>
</div>


</BODY>

Nota: la classe 'flexcroll' fa riferimento allo script per la personalizzazione grafica della scrollbar. anceh eliminando questo script tutavia il problema rimane

spero possiate aiutarmi, grazie fin da subito!