porque essa div não estica ate o final da pagina?

[sararinhojj]

pessoal já fiz de tudo e ate agora ela não estica queria esticar primeiro o div pai pra depois começar a fazer o resto , uso o internet explorer 8

o codigo é esse

@charset "utf-8";
.estilo {
}

html{
height:100%;
min-height:100%;
}
body{
height:100%;
background:#CCCCCC;
margin:0;
min-height:100%;

}
#principal{background: #666666;

border-left:2px  solid #000000;
border-right:2px solid #000000;
margin:0;
width:830px;
margin-left:auto;
margin-right:auto;
height:auto;
min-height:100%;



}

* html  #principal{
height:100%;
}

[sararinhojj]

pessoal to criando um site basico e queria que a div conteudo acompanhasse a div

principal olhe o site e veja como fica

http://carrosecia.6te.net/

meu css

@charset "utf-8";
.estilo {
}

html, body{


min-height:100%;

height:100%;
background:#CCCCCC;
margin:0;


}
#principal{background: #666666;


border-left:2px  solid #000000;
border-right:2px solid #000000;
margin-top:auto;
margin-bottom:0;

width:830px;
margin-left:auto;
margin-right:auto;
height:100%;
min-height:100%;

}

#topo{background: url(menu.jpg);
border-left:2px  solid #000000;
border-right:2px solid #000000;
margin:0;
width:779px;
margin-left:auto;
margin-right:auto;
height:138px;
min-height:100%;

}

#conteudo{background: #FFFFFF;
border-left:2px  solid #000000;
border-right:2px solid #000000;
margin:0;
width:779px;
margin-left:auto;
margin-right:auto;
height:auto;
min-height:100%;

}
#montadoras{background: #FFFFFF;
border-left:2px  solid #000000;
border-right:2px solid #000000;
margin:0;
width:700px;
margin-left:auto;
margin-right:auto;
height:auto;
min-height:100%;
clear:both;


}


#flash{ background:#FFFFFF;
border:0;
border:0;
margin:0;
width:250px;
margin-left:auto;
margin-right:auto;
height:180px;
min-height:100%;
clear:both;
float:left;
}









#detran{ background: #FFFFFF;
border-left:2px  solid #000000;
border-right:2px solid #000000;
margin:0;
width:779px;
margin-left:auto;
margin-right:auto;
height:100px;
min-height:100%;

}


#rodape{ background:url(rodappe.jpg);
border-left:2px  solid #000000;
border-right:2px solid #000000;
margin:0;
width:779px;
margin-left:auto;
margin-right:auto;
height:20px;
min-height:100%;





}

* html  #principal{
height:100%;
}

[tiago31]

opa beleza se você quiser hospedar site so falar comigo..

migoa não sei qual você quer mais vou dar um exeplo aqui para você.

envez de colocar 100% você coloca auto olha

html, body{


min-height:100%;

height:auto;
background:#CCCCCC;
margin:0;

espero q ajude

Editado Julho 20, 2009 por tiago31

[Anderson Ferreira]

Olá... Não entendi muito bem o que você quer fazer :S

Pra ajudar, tenta explicar melhor o que é, e posta tb o código HTML da página inicial do site ;D