title: How to stop SWF inside of a jQuery UI tab from reloading
body: <p>I have a SWF movie inside of a jQuery UI tab, and the problem I'm having is that the SWF gets reloaded everytime I click away from the tab onto another tab, and then click back. I can inspect the DOM and see that the div containing the SWF is still in the DOM when I click away, so I don't know why this it seems to reload it when I click back to the tab.</p>
  
  <p>I added the following CSS rules to try to prevent the display being set to: none, but the Flash movie is still reloading:</p>
  
  <pre><code>.ui-tabs .ui-tabs-hide {
      display: block !important;
      position: absolute;
      left: -10000px;
  }
  </code></pre>
  
  <p>Update: It turns out this is related to the following <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=90268" rel="nofollow noreferrer">Firefox bug</a> which has been around since 2001 / Firefox 0.9. I still don't have a good workaround however.</p>