title: Ajax ModalPopup wrong display in IE8
body: <p>I have a problem with the modalPopup control when I use it on IE8.
  The panel which is need to be popUp is already poped up. </p>
  
  <p>As it suppose to look like ( in newer browsers than IE 8), there are panels in a row and when you click on one of them, a windows pops up ( using AJAX modalPopUp)
  <img src="https://i.stack.imgur.com/ki19f.png" alt="list of panels">
  <img src="https://i.stack.imgur.com/caSYH.png" alt="Popup window"></p>
  
  <p>And in IE8 it shows the popUp window(panel) without even clicking on one of the panels in the list.</p>
  
  <p><img src="https://i.stack.imgur.com/q0tnP.png" alt="enter image description here"></p>
  
  <p>Here is the code :</p>
  
  <pre><code>&lt;asp:updatepanel id="UpdatePanel1" runat="server"&gt;
  &lt;contenttemplate&gt;
  &lt;asp:panel id="PanelManufacturerPictures" runat="server" scrollbars="Auto" width="100%"&gt;
  &lt;asp:datalist id="DataListManufacturersPictures" runat="server" cellpadding="5" repeatdirection="Horizontal" repeatcolumns="11" showfooter="False" showheader="False" cellspacing="16"&gt;
  &lt;itemstyle height="75px" width="75px"/&gt;
  &lt;itemtemplate&gt;
      &lt;asp:imagebutton id="ImageButtonManufacturerPicture" runat="server" alternatetext='&lt;%# eval("manufacturername") %&gt;' Height="100%" ImageUrl='&lt;%# "~/elimansourwcf/manufacturerspictures/"+databinder.eval(container.dataitem, "imageurl") %&gt;' ToolTip='&lt;%# eval("manufacturername") %&gt;' Width="100%" CausesValidation="False" /&gt; &lt;asp:roundedcornersextender id="RoundedCornersExtenderDetailsManufacturers" runat="server" targetcontrolid="PanelManufacturersDetails" radius="8" bordercolor="Red"&gt;
  &lt;/asp:roundedcornersextender&gt;
  &lt;asp:modalpopupextender id="ModalPopupExtenderManufacturerDetails" runat="server" popupcontrolid="PanelManufacturersDetails" targetcontrolid="ImageButtonManufacturerPicture" backgroundcssclass="modalBackgroundProducts" cancelcontrolid="ButtonManuCancel"&gt;
  &lt;/asp:modalpopupextender&gt;
  &lt;asp:panel id="PanelManufacturersDetails" runat="server" backcolor="White"&gt;
  &lt;div dir="rtl"&gt;
      &lt;asp:label id="LabelManufacturerName" runat="server" font-bold="True" font-size="XX-Large"&gt;&lt;/asp:label&gt;
      &lt;div style="float: right;"&gt;
          &lt;asp:table id="TableDetails" runat="server" cellpadding="15" font-bold="True" cellspacing="15"&gt;
          &lt;asp:tablerow id="TableRow5" runat="server"&gt;
          &lt;asp:tablecell id="TableCell8" runat="server" width="100px" horizontalalign="Left" columnspan="2"&gt;
          &lt;asp:roundedcornersextender id="RoundedCornersExtenderDetailsManufacturerCancel" runat="server" targetcontrolid="ButtonManuCancel" radius="8"&gt;
          &lt;/asp:roundedcornersextender&gt;
          &lt;asp:button id="ButtonManuCancel" runat="server" text="צא מחלון זה" width="75px" causesvalidation="False" backcolor="Red" forecolor="White" font-bold="True"/&gt;
          &lt;/asp:tablecell&gt;
          &lt;/asp:tablerow&gt;
          &lt;/asp:table&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;/asp:panel&gt;
  &lt;/itemtemplate&gt;
  &lt;/asp:datalist&gt;
  &lt;/asp:panel&gt;
  &lt;/contenttemplate&gt;
  &lt;/asp:updatepanel&gt;
  </code></pre>
  
  <p>I saw a post: </p>
  
  <blockquote>
    <p><a href="https://stackoverflow.com/questions/14596684/ajax-modalpopup-wrong-display-in-ie8-ie9">Ajax ModalPopup wrong display in IE8 - IE9</a>
     But I didn't understand where to put the css "position: absolute;"</p>
  </blockquote>
  
  <p>Here is the URL of the site:</p>
  
  <p><a href="http://www.emansour.co.il" rel="nofollow noreferrer">www.emansour.co.il</a></p>
  
  <p>Thank you for your help</p>
  
  <p>[Edit]
  I noticed that this problem occur just when I use the modalPopup in a Bounded Data Control. </p>