I'm having an issue that when I put a combobox (with a listbox in the dropdown template) inside of a dialog box, the dropdown portion is displayed outside of the dialog box and is blocked from view and unclickable. Is there a way around this?


<eo:Dialog>
<ContentTemplate>
<eo:ComboBox runat="server" ID="ComboBox1" ControlSkinID="None"
DefaultIcon="00101070" EnableKeyboardNavigation="True" HintText="Suffix "
Width="150px" >
<DropDownTemplate>
<eo:ListBox ID="ListBox2" runat="server" ControlSkinID="None"
EnableKeyboardNavigation="True" Height="150px" Width="200px">
<ListBoxStyle CssText="font-family:Verdana;font-size:12px;color:#3c3c3c;background-color:white;" />
<ItemListStyle CssText="border-bottom-color:#828790;border-bottom-style:solid;border-bottom-width:1px;border-left-color:#828790;border-left-style:solid;border-left-width:1px;border-right-color:#828790;border-right-style:solid;border-right-width:1px;border-top-color:#828790;border-top-style:solid;border-top-width:1px;padding-bottom:0px;padding-left:0px;padding-right:0px;padding-top:0px;" />
<ItemStyle CssText="padding-bottom:2px;padding-left:2px;padding-right:2px;padding-top:2px;height:16px;" />
<DisabledItemStyle CssText="padding-bottom:2px;padding-left:2px;padding-right:2px;padding-top:2px;height:16px;color:#c0c0c0;" />
<SelectedItemStyle CssText="background-image:url(00106007); background-repeat:repeat; border-bottom-color:#7da2ce;border-bottom-style:solid;border-bottom-width:1px;border-left-color:#7da2ce;border-left-style:solid;border-left-width:1px;border-right-color:#7da2ce;border-right-style:solid;border-right-width:1px;border-top-color:#7da2ce;border-top-style:solid;border-top-width:1px;padding:1px;height:16px;" />
<ItemHoverStyle CssText="background-image:url(00106007); background-repeat:repeat; border-bottom-color:#7da2ce;border-bottom-style:solid;border-bottom-width:1px;border-left-color:#7da2ce;border-left-style:solid;border-left-width:1px;border-right-color:#7da2ce;border-right-style:solid;border-right-width:1px;border-top-color:#7da2ce;border-top-style:solid;border-top-width:1px;padding:1px;height:16px;" />
<Items>
<eo:ListBoxItem Text="test" Value="test"/>
<eo:ListBoxItem Text="test2" Value="test2"/>
</Items>
</eo:ListBox>
</div>
</DropDownTemplate>
<IconAreaStyle CssText="border-top: solid 1px #7a8187; border-left: solid 1px #7a8187; border-bottom: solid 1px #7a8187; font-family: tahoma; font-size: 11px; vertical-align:middle;padding-left:2px; padding-right:2px;" />
<HintTextStyle CssText="font-style:italic;background-color:#c0c0c0;color:white;height:17px;" />
<TextAreaStyle CssText="font-family: tahoma; font-size: 11px; border-top: solid 1px #7a8187; border-bottom: solid 1px #7a8187; vertical-align:middle;padding-left:2px; padding-right:2px;" />
<TextStyle CssText="font-family: tahoma; font-size: 11px;" />
<IconStyle CssText="width:16px;height:16px;" />
<ButtonAreaStyle CssText="background-image:url(00107008);" />
<ButtonAreaHoverStyle CssText="background-image:url(00107009);" />
<ButtonStyle CssText="width:18px;height:24px;" />
</eo:ComboBox>
</ContentTemplate>
</eo:Dialog>