CSS - Poner en paralelo dos div

Buenas noches.
Si quiero poner dos div, que abarcan cada uno un formulario, en paralelo.
¿Qué es lo que falla de esta diefinicion el en fichero css?.

#bsocio1{
/* bloque que centra los datos principales de los socios en la pagina web abc.php */

background-color: #669900;
text-align: center;
border-width:1px;
/*float: left; */
width: 40% ;
border: 2;
margin-top: 5%;
margin-left:2%;
border-radius: 20px;
}

#bsocio2{
/* bloque que centra los datos economicos de los socios en la pagina web bcd.php */

background-color: #669900;
text-align: center;
border-width:1px;
/* float: right; */
width: 40% ;
border: 2;
margin-top: 5%;
margin-left:50%;
border-radius: 20px;
}

Mi intencion es que muestre un formulario junto al otro y lo que hace es mostrarme el siguiente formulario a la derecha pero justo debajo del primero, osea respeta la opcion de izquierda pero no la altura a la que deseo que se muestre.

Gracias.
Javier.

Hola Javier, podría ser por el tamaño del div, que no quepa?? Puedes probar a poner una anchura del 20% a cada div?
Nos puedes comentar?

Pues no, la verdad es que no.
He probado diferentes anchuras y sigue igual, justo despues del primer formulario.

Gracias de todas formas.
Javier

SOLUCIONADO.
El segundo bloque DIV lo he puesto con FLOAT center y funciona.

Gracias a todos de todas formas.

JAVIER.