[jQuery] loading quicktime.mov causes strange positioning in IE6?!

[slooodge]

Hello,

i am working a small site for a friend (http://www.kandulla.com/
animation).
I want to load different quicktime movies into a div using jQery.
Here is the code I came up with:

      $('#subNav ul li a').click(function(){
                $('#screen').load('movies/start.php', {'term': $
(this).attr('href')});
                return false;
        });

it works beautifully in all browser except for IE6. In IE6 the movie
is shown in the top-left-corner of the viewport.
I tried loading simple html-files and there IE6 positiones the html in
the correct div, but as soon as I load a .mov the it is shown in the
top-left-corner of the viewport.

I hope someone can help me out, I am getting desperate for ideas.. Is
there a better way to load quicktime´movies without reloading the
whole page?

THANKS, Hannes



p.s. here is the loaded php-file (start.php)

<object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B"
        codebase="http://www.apple.com/qtactivex/qtplugin.cab";
        width="300" height="186">
  <param name="src" value="movies/<?php echo $_REQUEST['term']; ?
>.mov" />
  <param name="autoplay" value="true" />
  <param name="pluginspage" value="http://www.apple.com/quicktime/
download/" />
  <param name="controller" value="false" />
  <!--[if !IE]> <-->
    <object data="movies/<?php echo $_REQUEST['term']; ?>.mov"
width="300" height="186" type="video/quicktime">
      <param name="pluginurl" value="http://www.apple.com/quicktime/
download/" />
      <param name="controller" value="false" />
    </object>
  <!--> <![endif]-->
</object>