Que tal, estoy haciendo un rediseño de mi pagina web y me he topado con un problema, en mi pagina tengo un div el cual tiene dentro todo el contenido de la web #contenido_principal con el siguiente codigo
Código:
#contenido_principal{
width: 981px;
background-image:url(../images/fondo_contenido_principal.jpg);
margin:0 auto;
padding:0;
height:auto;
-webkit-box-shadow: 0 0 10px rgb(0,0,0);
-moz-box-shadow: 0 0 10px rgb(0,0,0);
box-shadow: 0 0 10px rgb(0,0,0);
}
En mi pagina utilizo la division contenido principal e inserto todo el codigo dentro de ella, pero el problema es que el fondo no ocupa toda la pagina
La pagina en cuestion es http://www.k-pop.com.mx/newdesign/
la url de mi hoja de estilos es http://www.k-pop.com.mx/newdesign/css/estilo.css
Como pueden ver la division no se muestra correctamente y el footer se muestra justo despues del slider, cuando edito la altura por una fija como 1900px; si funiona, alguien que me pueda ayudar a descubrir por que es que pasa este error.
Soy aun muy novato en CSS y me he basado en los tutoriales de w3schools y otros que he encontrado en google.