드롭 다운 확인 목록 겹침 대신 div를 아래로 밀어 내기

.NET DropDownCheckList 컨트롤을 스타일러스적이고 기능적으로 내 사용자 컨트롤 중 하나에 맞게 스타일을 지정하려고합니다.드롭 다운 확인 목록 겹침 대신 div를 아래로 밀어 내기

는 현재 다음과 같이 나는 DropDownCheckList 구현을 일하고 있어요 (내가 문제를 해결하는 방법을 알아낼 일단 <div> 및 CSS 스타일에 테이블 구조 변환 계획) :

페이지로드

<asp:Panel ID="CmbCkBxPanel" runat="server" Height="20px" Width="160px" BackColor="White"> 
    <asp:HiddenField ID="hfEmptyText" runat="server" /> 
    <table id="CmbCkBxTable" style=" background-color:White; table-layout: fixed; height: 20px; border-collapse: collapse; border-style: solid; border-width: 1px; border-color:Black;" cellspacing="0" cellpadding="0" width="100%" runat="server"> 

     <tr id="rowDD" style="border-style: none;background-color: White;" runat="server"> 
      <td style=" white-space:nowrap;" valign="middle"><asp:textbox id="DDTextBox" ReadOnly="true" style="cursor: default; vertical-align:middle;" runat="server" Width="100%" ToolTip="" BackColor="White" font-names="Arial" BorderColor="Transparent" BorderStyle="None" ></asp:textbox></td> 
      <td id="colDDImage" width="16"> 
       <asp:Image ID="btnImage" runat="server" /></td> 
     </tr> 
    </table> 
    <div style="z-index: 200; background-color: White; display:none; border-style:solid; border-width:thin; border-color:Black;" id="listdiv" runat="server"> 
     <asp:CheckBoxList ID="CBList" runat="server" width="100%" style=" text-align:left; background-color:White;" RepeatColumns="1"> 
     </asp:CheckBoxList> 
    </div> 
</asp:Panel>

, 내가 드롭 다운을 선택하면

enter image description here