Alinear horizontalmente dos div relativos

[macwarez]

saludos tengo un problema y es que estoy tratando de alinear 2 divs con position:relative; con width:40%; height:100% cada uno ejemplo:



#der
{

width:40%;
border:thin #000000 solid;
position:relative;
padding:0px;
margin-left:2%;
margin-right:auto;

}



#izq
{

width:40%;
border:thin #000000 solid;
position:relative;
padding:0px;
margin-right:2%;
margin-left:auto;

}

algo asi pero que esten a la misma altura ?

[Eourus]

Bueno añade estas lineas:

a #der:

float:right;

a #izq:

float:left

[macwarez]

Saludos Eourus gracias por responder el problema es que esos div estan adentro de un contenedor relative y necesito que el contenedor crezca segun el alto de los div pero al ponerlos en float se salen del contenedor por eso necesito ver si se puede hacer eso con relative sin utilizar float: ?

[Eourus]

Es normal que se salgan. Para solucionar esto puedes meter en el código html (justo cuando acaben esas 2 capas lo siguiente:

<div style="clear:both;"></div>