El extensor emergente modal se redondea localmente pero no en el servidor

Question

ASP.net ajax 2.0

Tengo un extensor modalpopup que se ve así:

texto alternativo http://img441.imageshack.us/img441/6342/localmodal .jpg

La ventana emergente modal real se envuelve alrededor de un extensor de esquina redondeada para darle un aspecto curvo agradable. Aquí hay un fragmento de código simple:

<ajaxToolkit:ModalPopupExtender ID="ModalPopupExtender1" runat="server" CancelControlID="btnCancel" OkControlID="btnOk" TargetControlID="ibStartNow" PopupControlID="Panel2" PopupDragHandleControlID="PopupHeader" BackgroundCssClass="ModalPopupBG">
   <asp:Panel ID="Panel2" style="display: none" runat="server">
                                <asp:Panel ID="Panel3" runat="server">
                                <div class="ConfirmationPopup" style="text-align:center; margin-right:auto;margin-left:auto;">
                                    <div class="PopupHeader" id="PopupHeader">
                                        Confirm Start Now<br />
                                    </div>
                                    <div class="PopupBody">
                                            <br />
                                            This will save the expense report header and allow 
                                            <br />
                                            you to enter items into your expense report, are you sure?
                                            <br />
                                            <br />
                                    </div>
                                    <div class="Controls">
                                                <asp:ImageButton ID="btnOk" runat="server" imageurl="~/images/ok.gif" CausesValidation="False" />
                                                <asp:ImageButton ID="btnCancel" runat="server" imageurl="~/images/cancel.gif" />
                                    </div>
                               </div>
                               </asp:Panel>
                               </asp:Panel>
                                <ajaxToolkit:RoundedCornersExtender ID="RoundedCornersExtender2" runat="server" TargetControlID="Panel3"  Radius="6" Corners="All" BorderColor="#9BD1FA" Color="#377CB1">
                        </ajaxToolkit:RoundedCornersExtender>

Lo extraño es que en mi máquina local que ejecuta IE8 se ve muy bien, incluso en el servidor usando firefox / chrome se ve muy bien. Pero una vez que está en el servidor y uso IE8, ya no está redondeado, es básicamente un cuadrado.

Simplemente no tiene sentido por qué el uso local de IE8 funciona, pero en el servidor web real que usa IE8 ya no está redondeado, se ve así:

texto alternativo http://img441.imageshack.us/img441/2977/servermodal .jpg

Answer 1

Supongo que probablemente haya seguido con este problema desde hace mucho tiempo, pero me topé con esto http://www.mindfiresolutions.com/Workaround-for-Modal-Popup-with-RoundedCornerExtender-issue-833.php que parece funcionar para yo. Parece que el truco es, además de usar dos paneles, establecer el color del fondo del panel del contenedor en Transparente