Ciao a tutti

sto cercando di modificare uno script che mi sta veramente facendo penare...

in pratica quando comincio a scrivere in un textbox, compare un div che contiene i suggerimenti per la ricerca (Stile google)

il div è collegato a questo css:


.suggestionsBox {
position:absolute;
left: 3px;
background-color:#FFF;
margin: 10px 0px 0px 0px;
width: 210px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border: 2px solid #000;
color: #fff;
}



.suggestionList {
list-style-type:none;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
margin: 0px;
padding: 0px;
}



.suggestionList li {
color:#999;
list-style-type:none;
margin: 0px 0px 3px 0px;
padding: 3px;
cursor: pointer;
}



.suggestionList li:hover {
list-style-type:none;
color:#FFF;
background-color: #659CD8;
}



IL problema è che mi sposta totalemente tutti gli altri elementi della pagina facendoli scorrere verso il basso....

in che modo posso far apparire il div sopra gli altri elementi?