Alinhar texto com input e :focus no IE7 não funciona

[André Severino 3]

Bom dia pessoal, alguém sabe onde estou errando, pois já tentei n maneiras e não consigo alinhar o texto ao input.

 

Abaixo uma print de como fica no IE7, no ie8 e FF funciona normalmente, outra dúvida + menos importante é se alguém conheçe algum hack para utilizar o :focus no ie7.

.html

<form name="engidcontato" class="form" method="post" action="<?php $_SERVER['PHP_SELF']; ?>">

	<fieldset>
    	
        <legend>Formulário de contato</legend>
        
        <label for="txtNome">Nome: <input type="text" name="txtNome" id="txtNome1" /></label>
        <label for="txtTelefone">Telefone: <input type="text" name="txtTelefone" id="txtTelefone1" style="width:80px; margin-right:120px;" /></label>
        <label for="txtEmail">E-mail: <input type="text" name="txtEmail" id="txtEmail1" /></label>
        <label for="txtAssunto">Assunto: <input type="text" name="txtAssunto" id="txtAssunto1" /></label>
        <label for="txtMensagem"><b style="float:left; font-weight:bold;">Mensagem:</b> <textarea name="txtMensagem" id="txtMensagem1" style="height:120px;"></textarea></label>
        
        <input type="submit" name="Enviar" value="" class="submit" onmouseover="return validacampos();" />
        <input type="hidden" name="ok" value="1" />
        
        <span>Todos os campos são obrigatórios</span>
        
    </fieldset>

</form>

 

.css

/* -- PÁGINA contato.php -- */
.form{width:400px; margin-bottom:4px;}
.form fieldset{border:none;}
.form legend{font-size:14px; font-family:Arial; color:#060; font-weight:bold; margin-bottom:10px;}
.form label{font-weight:bold; font-size:12px; float:right; margin-right:100px;}
.form label input, textarea{width:200px; height:14px; padding:2px; margin:4px 0px 4px 6px; border:1px solid #999; font:11px Tahoma;}
.form label input:focus, textarea:focus{border:1px solid #060; background-color:#D7FFD7; color:#000;}
.form span{float:left; margin-top:60px; font:10px Tahoma; font-style:italic;}
.form input.submit{width:78px; height:35px; border:none; cursor:pointer; float:right; margin:16px 100px 10px 0px; background:url(../imagens/bt_enviar.png) left no-repeat;}
/* -- /contato.php -- */

[Gabriel T. 4]

Faz uma tabela e coloca a palavra em um lado e o input em outro.

No caso do textarea você vai colocando <br /> abaixo da palavra "Mensagem" para não ficar no meio.

[Evandro Oliveira 331]

Utilize a propriedade line-height no label.

 

label { line-height: 14px; }