Background en div sin height

[manuxdjent]

Buenas , me gustaría saber la manera de colocar un background-color: elquesea , en un div que no tenga establecido un height. Actualmente conozco que se puede hacer con overflow:hidden , pero no me conviene ya que al quitar el overflow:hidden no se ve el color de fondo que le puse al div.

Os paso la web para que veais a lo que quiero ponerle un background-color sin tener que usar el overflow:hidden.
El div se llama "contenido" y éste es su estilo:

Código CSS:

#contenido{
width:966px;
margin:40px auto;
background-color:rgba(0, 105, 131, 0.5);
overflow:hidden;
}
 

http://ultimatebreath.antilaproductions.com/

Gracias y un saludo.

[pzin]

Según te explicas, ¿no puedes usar la solución porque al no usar la solución te quedas son solucionarlo?

Si no quieres usar overflow:hidden, siempre puedes recurrir a poner un elemento con un clearfix con clear:both para que el elemento contenedor crezca y así ver el color de fondo. Aunque te digo ya, que te va a pasar lo mismo, que si no lo usas, no se verá.

[manuxdjent]

Pusé el clear:both y me hace el mismo efecto que el overflow:hidden , no me aparece el color de fondo. Estoy intentando hacer esto porque al añadir mas articulos , llega al momento que al final del div se cortan los articulos.
Gracias por contestar.

[pzin]

overflow:hidden no debería de cortarte nada siempre y cuando no declares una altura.

Entiendo que tu problema es que no ves el color de fondo de la capa contenedora, y esto se debe a que los elementos interiores están flotados, por lo que la capa contenedora no crece en altura. Entonces para solucionarlo se usa o bien el overflow:hidden en la capa contenedora o, se hace en un elemento interno lo del clear:both.