Hola,
Código HTML:
<style>
#lista
{
position:absolute;
width:200px;
background-color:#FFFFFF;
color:#000000;
z-index:1;
top:74px;
left:871px;
text-decoration: none;
border-top-width: 1px;
border-right-width: 2px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #999999;
border-right-color: #000000;
border-bottom-color: #333333;
border-left-color: #CCCCCC;
height: auto;
display: none;
}
</style>
<input tabindex="1" autocomplete="off" name="buscar_form_bottom" type="text" id="buscar_form_bottom" onfocus="vas_act(this,'Buscar:',true);if(document.getElementById(divName).childNodes[0]!=null && this.value!='Buscar:') { r=1;filtraLista(this.value); formateaLista(this.value); reiniciaSeleccion(); }" onblur="vas_act(this,'Buscar:',false);if(v==1){ document.getElementById(divName).style.display='none';}" value="<? if(isset($_GET['buscar_form_bottom']) and $_GET['buscar_form_bottom']!="") echo $_GET['buscar_form_bottom']; else echo "Buscar:";?>" size="23" maxlength="50" title="Busca tu canción favorita." onkeyup="if(navegaTeclado(event)==1) {
clearTimeout(ultimoIdentificador);
ultimoIdentificador=setTimeout('rellenaLista()', 1); }"/>
<div align="left" id="lista" onmouseout="v=1;" onmouseover="v=0;"></div>
Pero si el usuario escribe mucho, el div "lista" me queda muy arriba y lejos del input.