Hi friends,

I have a .mov embedded on a page and in the next div placed a tranparent .gif, then used a neg marg to slide the gif up over the mov to create a frame around the mov.

the "frame" falls behind the mov though and it needs to be on top as it does overlap the mov a bit. is this possible? and how do i put the mov controls on there?

here is the page:
http://streetag.com/indexorganic.html

here is that part of the code:
.streetag #STvideo {
border: none;
margin: -70px -20px 5px 6px;
padding: 0px;
width: 390px;
}

.streetag #STvideo p {
margin: 0 auto;
text-align: center;
}

.streetag #framed {
margin: -360px 0px -360px -35px;
}

<div id="STvideo">
<embed src="video/Streetag_MiM.mov" width="390" height="285"></embed>
<p>
<span class="style13">If this video does not display, you may need to download a free version of
<a href="http://www.apple.com/quicktime/download/" target="_blank">Quicktime Player</a>
</span>
</p>
</div>
<div id="framed">
<img src="images/Frame.gif" alt="frame" />
</div>