title: IE10/Safari Cannot Hide an Object/Flash inside of iFrame
body: <p>I have a Flash Animation inside of iFrame. And when I try to hide it, IE10 keep it displayed and overlapping other content.</p>
  <pre><code>&lt;body style=&quot;background-color: #EEE&quot;&gt;
      Testing IE10
      &lt;div id=&quot;swfDiv&quot;&gt;
          &lt;iframe src=&quot;swf.html&quot; width=&quot;500&quot; height=&quot;50&quot;&gt;&lt;/iframe&gt;
          &lt;br /&gt;
          &lt;button onclick=&quot;document.getElementById('swfDiv').style.display='none'&quot;&gt;Hide&lt;/button&gt;
      &lt;/div&gt;
      &lt;div style=&quot;background-color: #DDD&quot;&gt;
          This try to hide the animation, but it is not working on IE10.  &lt;br/&gt; It works fine in others browsers and earlier versions of IE.
      &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  <p><img src="https://i.stack.imgur.com/gkKJn.png" alt="IE10" /></p>
  <p><strong>Update 02/08/2013</strong>
  I found the same problem in Safari (5.1.7)
  <img src="https://i.stack.imgur.com/fzQak.png" alt="enter image description here" /></p>