Labels de form não aparece no IE

[jawd-webdesign 0]

Olá pessoal do Imasters!

 

Eu tenho um formulário que os labels não aparecem no IE6.

 

Código fonte da página:

 

<div id="cadastro">

	   <div class="partesCadastro">
		
			<div>	
			<label for="email">E-mail:</label>
			<input name="email" type="text" size="30"> 
			</div>
			
			<div>	
			<label for="senha">Senha:</label>
			<input name="senha" type="password" size="25"> 
			(mínimo 6 caracteres)
			</div>

			
			<div>	
			<label for="confimaSenha">Confirmar Senha:</label>
			<input name="confimaSenha" type="password" size="25"> 
			</div>
			
			 <div>
			<label id="news" for="newsletter">Newsletter</label> 
			<input name="news" value="1" id="newsletter" type="checkbox">Sim, quero receber newsletters com novidades da WebSound
			</div>
		
		</div>

</div>

O CSS:

 

#cadastro{

 width: 732px;
 margin-left: 19px;
 
}
#cadastro .partesCadastro {

	background: #F2F2F2 url(../imagens/fundo_cadastro.gif) repeat-x left bottom;
	padding-bottom: 20px;
	padding-top: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	position: relative;
	
}

#cadastro .partesCadastro label {

	float: left;
	width: 250px;
	text-align: right;
	margin-right: 5px;
	
}

#cadastro .partesCadastro div {

	margin-bottom: 5px;
	
}

Imagem resultante no IE6.

No FF esta tudo certo.

 

[Maujor 144]

Acresente o seguinte:

 

#cadastro .partesCadastro {  
	height:1%; <= acresente
	...
}

[jawd-webdesign 0]

Olá Maujor!

 

Caraca! Sinsitro! Funcionou!!!

Agora você poderia me explicar o por quê colocar height 1% em #partesCadastro fez os campos da label aparecerem.

 

Abraços!

[Maujor 144]

Quer saber o por quê?

Leia: O conceito hasLayout do IE