Posicionar div´s dentro de otro div (padre) con video de fondo

[LinkLooker]

BUenos días foro, el sunto es el siguiente:

Tengo mi estructura y en ella un div al 100% donde dentro de este van dos divs mas al 50% cada uno y semitransparentes...El asunto es que mequeté todo con el div del video con una imagen de fondo mientras me enviaban el video....y todo bien..Pero ahora que tengo el video, lo coloco de fondo en el div en cuestion y los dos div que estaban dentro se bajan, saliendose del flujo del documento...

a continuación el codigo CSS:

Código:

#video {
width:100%;
height:500px;
position: relative;
z-index:-1000;
overflow: hidden;




#contenidoizq {
width:50%;
height:500px;
background-color:#32c0c4;
float:right;
z-index:5;!important
padding:0;
margin:0;
  }

#contenidoder { width:50%;
height:500px;
float:right;
background-color:#32689b;
z-index:100;
margin:0;
padding:0;
  }

Código HTML

Código HTML:

<div id="video">
	
   		<video autoplay="" loop="loop" preload="true" width="100%" >
    	<source src="../video/chrome_japan.ogv" type="video/ogg"></video>

	
	<div id="contenidoder">
          
        
        </div><!--Cierra contenidoder-->
    	
    	
       <div id="contenidoizq">
        	
                
        </div><!--Cierra contenido Izquierdo-->
     	

	</div><!--Cierra video-->

	<div class="clear"></div>

D eeste modo, me quedan los dos div viendose despues del video en el flujo de la página...quisiera es posicionarlos sobre el video...



Gracias de antemano

[LinkLooker]

He intentado eliminando los float de los div (contenidoizq y contenidoder) y he colocado position:relative y agregue top con un valor negativo y pude posicionarlo donde queria..ahora creo que no es la mejor solucion, ya que igual no se mantiene dentro del contenedor, al disminuir la ventana del navegador, se descuadran los div en cuestion.....



Algún aporte de la comunidad??


Gracias de antemano