Porque se deforma el formulario en Firefox??

[rtr]

porque se descoloca el formulario en firefox cuando se ve perfectamente en el Explorer???

asi se ve en explores:



y asi en Firefox:



Este es el código html:

Código:

<div id="form">
        <p>inicia seccion</p>
				<form action="login.php" method="post" onsubmit="return validate()">
	                           <label for="nombre">Nombre:</label>
                            <input type="text" name="username" size="20" class="campo" />                          
                             <label for="clave">Clave:</label>                            
                            <input type="password" name="password" size="20" class="campo" />

                         	<br />
                           <input type="submit" value="Iniciar sesión" />
											</div>
        </form>
	
      <p ><a href="register.html" >Registrar cuenta nueva</a> </p>

Este es el código css:

Código PHP:

  form { 
  margin:5px; 
    padding: 15px; 
    background: #FF8080; 
    width: 250px; 
    height: 60px; 
} 
 
label { 
    font-size: 14px; 
    font-family: Arial, Helvetica, sans-serif; 
    color: #FFF; 
    display: block; 
} 
 
.campo { 
    margin-bottom: 15px; 
    width: 150px; 
    height: 20px; 
    border: 1px Solid #004080; 
    background-repeat: no-repeat; 
    padding: 2px; 
    color: black; 
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 12px; 
 
}  
   

Gracias de antemano