OK here is the deal. I I have a video and a magazine inside the same div. when I set the position of the video in css to absolute or relative the video dose not play. and if I set to anything else the magazine gets pushed down. here are both the css and html code.

.portfolio{
width: 1200px;
height: 480px;
position: absolute;
top: 20px;
left: 25px;
background-color: #fff;
}

#video{
background-color: #000;
width: 600px;
height: 480px;
position: absolute;
}

#magazine{
width:1200px;
height:480px;
left: 2px;
}

#magazine .turn-page{
width:600px;
height:480px;
background-color:#ccc;
}

<div class="subInner">
<div class="portfolio">
<section id="video">
<!-- <video width="600" height="480" controls="Controls">
<source src="video/video-08.mp4" type="video/mp4" />
<source src="video/video-08.ogg" type="video/ogg" />
<source src="video/video_08.webm" type="video/webm" />
<source src="video/video-08.mov" type="video/mov" />
<object data="video/video-08.mp4" width="600" height="480">
<embed src="video/video-08.mp4" width="600" height="480" />
</object>
</video>-->

<iframe src="http://player.vimeo.com/video/20062206?color=ffffff" width="500" height="281" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>

</section><!--end of video-->
<div id="magazine">
<div></div>
<div></div>
<div></div>
</div><!--end of magazine-->
<script type="text/javascript">
$('#magazine').turn();
</script>
</div><!-- end of portfolio-->
</div><!--end of sub-->