Salve a tutti,

avrei bisogno del vostro aiuto

Ho creato questa pagina. In particolare nella sezione "Cerca un articolo" nella casella input CER ho creato un sistema di autosuggerimento in AJAX (tipo google suggest per intenderci). Difatti lì dovrebbero essere inseriti dei valori numerici (chi utilizzerà il portale sa cosa sono) composti da 6 cifre. Per venire incontro all'utilizzatore ho creato un sistema che lo aiuta nell'associare a quel codice un significato.

Il problema è puramente grafico. Le dimensioni del <div> che compare mentre si inizia a digitare sono corrette per Firefox, Safari, e IE fino alla versione 6, ma sono sballate per IE7 (in particolare sono le stesse della casella di input posta sopra.

Il CSS che utilizzo per quei controlli è il seguente
codice:
div.suggestions {
    -moz-box-sizing: border-box;
    box-sizing: border-box; 
    background-color: white;
    border: 1px solid black;
    position: absolute;
	width : 450px;
	/*padding: 3px 3px 3px 3px;*/
	
}

div.suggestions div {
    cursor: default;
    padding: 0px 3px; 
    width: 445px;
   /* background-color: white; 
    border-right: 1px solid black; */
}

div.suggestions div.current {
    background-color: #3366cc;
    color: white;
}
Mi sapreste aiutare ?

Grazie