problema con el margin_bottom

[natnat]

Wenas a todos, tengo un pequeño problema, seguro es una tonteria pero me esta volviendo loco.

Tengo varios divs pero hay 2 en concreto que estan detro de otro que no hacen caso alguno del margin_bottom.

Este seria uno:

#espaizona {width:600px; border:solid 1px #FF6600; float:left; margin-left:10px; background-image:url(../image/espai-back.jpg); margin-bottom:10px; margin-top:10px}

el margen de arriba y el de la izquierda los lleva sin problema, pero el de abajo no hay manera de hacer que salga, alguna cosa me he descuidado?

"soy novato en CSS perdon"

[Null_]

prueba esto:
elimina todas las propiedades margin y pone esta:
margin:10px 10px 10px 0px;

Suerte

[natnat]

Pues sigue haciendo lo mismo, no hay margen inferior.

hay que decir que este div esta metido dentre de este otro:

#zona {width:760px; border:solid 1px #FF6600; background-image:url(../image/zona-back.jpg)}


por si acaso el problema viniera de aquí, gracias por contestar.

[Negora]

¿Has probado a eliminar la propiedad "float" a ver qué ocurre? ¿Y a traspasar el "margin" como "padding" al elemento superior (reduciendo la anchura, claro)?

[natnat]

Solucionado!! Gracias!

Era problema del float, pero devia usarlo para poner los dos divs de lado, pero usando el padding se arreglo!!

[Jamati]

Puedes usar el float poniendo debajo de esos div el siguiente:

Código:

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

y en el CSS pones:

Código:

div.clear {clear:both;}