如何插入绝对输入框并在表格中选择菜单

Question

现在我的选择菜单顶部有输入框，但当我将这两个放在我的桌子中时，它不会插入到桌子的单元格中，而是插在它的顶部。

当我将位置更改为相对时，它将插入到单元格，但选择菜单将不会显示。

这是我的HTML：

<table width="65%" >
<tr>
<td width="30%">machineID</td>
<td width="35%">

<input id="txtTest1" type="text" style="width:200px;POSITION: absolute">
<select id="ddlTest" onchange="document.getElementById('txtTest1').value=this.options[this.selectedIndex].text" style="width:217px;CLIP: rect(auto auto auto 200px); POSITION: absolute">
<!--<option>tt</option>
<option>dd</option> -->
</select>
</td>
<td width="35%">
<input id="txtTest2" type="text" style="width:200px;POSITION: absolute">
<select id="ddlTest2" onchange="document.getElementById('txtTest2').value=this.options[this.selectedIndex].text" style="width:217px;CLIP: rect(auto auto auto 200px); POSITION: absolute">   
</select>

</td>
</tr>
</table>