How to display a picture on top of a video playing

I have a quciktime video playing on my site automatically. I want to display a picture on top of the playing video. I tried positioning the picture where I want, but it is always at the back of the video and not visible. How can I do it? By the way here is the code for displaying the video:

<div style="position:absolute; top:1270px; left:250px; z-index:-2">


<object width="600" height="405"
classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B"
codebase="http://www.apple.com/qtactivex/qtplugin.cab">
<param name="src" value="pictures/video1.mov" />
<param name="controller" value="false" />
<param name="autoplay" value="true" />
<param name="loop" value="true" />

<!-- Code For Older Browsers -->
<embed src="pictures/video1.mov" width="420" height="360"
autoplay="true"
loop="true"
controller="false"
pluginspage="http://www.apple.com/quicktime/download/">
</embed>
</object>

</div>

and here is the code for displaying the picture:

<img style="position:absolute; top:1270px; left:250px; z-index:1" SRC="pictures/cars/cars_small1.jpg">

Right now, the picture displays behind the playing video thus not visible. I even made a z-indez for the picture larger than video but didnt work.

 

You can check this tutorial - Brand Your web-based Flash Video Player With Image
I think it can help you at this point.

 

Thanks. Hope so i would help me out.