Estoy tratando de hacer un cuadro de búsqueda de sugerencias como Google. No estoy haciendo el lado del servidor con Ajax por el momento porque tengo un problema con mi código. Como puedes ver en la imagen, la posición del buzón de sugerencias no es la correcta.

Problema de posicionamiento con JS

Aquí está el código:

 var values = ["Chatelet", "Gare de Lyon", "Orsay-Ville"]; function positionner() { var suggest = document.getElementById("suggestion"); var champ = document.getElementById("fmsearch"); suggest.style.left = getLeft(champ) + "px"; suggest.style.top = (getTop(champ) + champ.offsetHeight) + "px"; } function getLeft(element) { var offsetLeft = 0; while (element != null) { offsetLeft += element.offsetLeft; element = element.offsetParent; } return offsetLeft; } function getTop(element) { var offsetTop = 0; while (element != null) { offsetTop += element.offsetTop; element = element.offsetParent; } return offsetTop; } positionner(); function suggerer() { var suggest = document.getElementById("suggestion"); suggest.innerHTML = ""; var i, ele; for (i=0 ; i<values.length ; i++) { ele = document.createElement("div"); ele.innerHTML = values[i]; suggest.appendChild(ele); } suggest.style.display = "block"; }