title: IE7 zoom CSS causes flash movie to move
body: <p>First, I'd like to point out that this is just for IE7 testing.  I have stripped out all my cross browser code to make it simpler to see what is going on as well as put all CSS in the style attributes of the elements.  I am using the CSS property zoom as a hack to reduce the size of a page in IE7.  I know it would be better to make the code responsive, but I can't for this particular project.  The zoom works as expected except with flash movies.  The code is as follows:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
     &lt;title&gt;Test Page&lt;/title&gt;
  &lt;/head&gt;
  &lt;body style="zoom:0.75"&gt;
     &lt;object id="movie" class="movieId_1" style="width: 364px; height: 337px; border: 1px solid #000; display:block;"&gt;
        &lt;param name="movie" value="/path/to/flash/filename.swf"&gt;
        &lt;param name="allowScriptAccess" value="always"&gt;
        &lt;param name="wmode" value="transparent"&gt;
     &lt;/object&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>The object element appears in the right position (as you can see with the border), but the movie inside of it is not positioned properly.  Does anyone know a workaround?  How do you target the styles for the movie inside of the object?  </p>