Hola, tengo una capa contenedor con otra capa dentro a la que le he puesto esquinas redondeadas y un color de fondo con css. Esto funciona en todos los navegadores. El problema es que necesito meter una imagen de fondo en la capa contenedor y al hacerlo, la capa contenido pierde el color de fondo, las esquinas... ¡todo!
Estoy empezando con esto y no tengo idea de porque falla. ¿Alguien sabe porque ocurre esto? he buscado en foros y demás pero no encuentro nada.
Muchas gracias.
html:
<div id="fondo">
<div id="cuadrado">
<h1>prueba</h1>
</div>
</div>
css:
#contenido{
width: 200px;
height: 200px;
background: #ffbf63;
border: 1px solid #d17b00;
padding: 5px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
behavior: url(./script/PIE.htc);
margin: 0 auto;
}
#contenedor{
width: 300px;
height: 300px;
background-image: url(../../images/fondoForm.jpg); /* al añadir esto surge el problema*/
}