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.

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

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

left: 2px;

#magazine .turn-page{

<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" />

<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><!--end of magazine-->
<script type="text/javascript">
</div><!-- end of portfolio-->
</div><!--end of sub-->