проблема с div при отображении значений

Question

У меня есть одно текстовое поле, если я нажму любой алфавит, он будет отображать лучшее совпадение с этим алфавитом в теге div, проблема в том, что у меня есть кнопка, которая находится точно под текстовым полем, когда выпадающее меню приходит, кнопка перемещается вниз, я не хочу переместить мою кнопку при отображении списка может ли кто-нибудь сказать мне, как этого добиться код:

<table border="0" width="300"  cellspacing="0" cellpadding="0" datasrc="#Header">
    <tr>
        <td id="txt" >
            <INPUT TYPE="text" name="text1" id="text1"  size=36 maxlength=255 style="font-family: Arial; font-size: 13px; color: #808080" 
            value="Type your Search Here" onfocus="this.value= (this.value=='Type your Search Here') ? '' : this.value"  
            onKeyUp="doSuggest(this.value,event.keyCode);"/>            
            <div id = "theResults" style ="width:22em;border:0px black solid;padding-left:0px;padding-right:0px;visibility:hidden;"/>

             </div>
                <!-- inner html goes here -->
            <input type="hidden" name="id1" id="id1"/>          
        </td>

    </tr>

   <!--<tr><td> <INPUT type="text" size="50" id="text1" name="text1" value=""  onKeyUp="doSuggest(this.value,event.keyCode);"/></td></tr>-->
   <tr>
        <td>
            <input type="button" name="btn" id="btn" value="show selected" 
            onclick='alert("selected values "+document.getElementById("text1").value+","+document.getElementById("id1").value);'/>
        </td>
   </tr>

</table>  

Answer 1

Не видя ничего от вашей разметки: попробуйте position: absolute в вашем CSS.