title: Issue while using Modals
body: <p>I'm creating a modal using twitter bootstrap in my application.creating a modal on <strong>onclick event</strong>
  It is working fine in firefox and chrome. but while running my application in ie8, inside that modal <strong>NewPage.aspx</strong> page is not getting viewed properly.</p>
  
  <p>here is my code :</p>
  
  <pre><code> &lt;div id="MyModal" class="modal hide in"&gt;
          &lt;div class="modal-dialog"&gt;
              &lt;div class="modal-header"&gt;
                  &lt;button type="button" class="close" data-dismiss="modal" aria-hidden="true"&gt;
                      ×&lt;/button&gt;
                  &lt;h3 id="myModalLabel"&gt;
                     Header&lt;/h3&gt;
              &lt;/div&gt;
              &lt;div class="modal-content"&gt;
                  &lt;div class="modal-body"&gt;
                      &lt;iframe id="modal-frame" src="" style="zoom: 0.60; position: relative;" frameborder="0"
                          height="450" width="850"&gt;&lt;/iframe&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;button modalurl="~/NewPage.aspx" id="lnkNewModal" onclick="openMyModal(this);"
                  runat="server"&gt;Modal&lt;/Button&gt;
  
     function openMyModal(curObj) {
              $("#MyModal").modal({
                  "backdrop": "static",
                  "keyboard": true,
                  "show": true
              });
              var url = $(curObj).data("modalurl");
              $('#MyModal').on('show', function () {
                  $('#modal-frame').attr("src", url);
              });
              $('#MyModal').modal({ show: true });
          }   
  </code></pre>
  
  <p>Thank you all in advance for your response.</p>