Whenever I load data into one of the two drop-down lists on my page using JavaScript, the display gets messed up. Instead of dropping down when clicked, the drop-down list goes up and disappears at the top of the page. How can I resolve this issue?
<asp:Panel ID="Pnlclone" runat="server" >
<div class="module-row">
<table>
<tr>
<td>
<asp:Label runat="server" ID="lblClone"></asp:Label>
</td>
<td>
</td>
<td>
</td>
</tr>
<tr>
<td>
<asp:DropDownList ID="sRole" CssClass="scrollable" runat="server" Width="250px" Height="23px">
</asp:DropDownList>
</td>
<td>
<asp:DropDownList ID="sUsers" CssClass="scrollable" runat="server" Width="250px" Height="23px">
</asp:DropDownList>
</td>
<td>
</td>
</tr>
<tr>
<td>
</td>
<td>
</td>
<td>
<input id="btnCancel" runat="server" value="Cancel" type="button" />
<input id="btnsubmit" runat="server" value="Clone" type="button" />
</td>
</tr>
</table>
</div>
</asp:Panel>