hola que tal
baje este codigo de una pagina, luego lo coloque en una pagina .html
pero cuando lo abro con mozila aparece desordenado pero si lo abro con el explorer salen bien pero quiero que se peuda ver bien tambien en mozila
este es el codigo del formulario
<div id="formulario">
<form method="post" action="">
<fieldset>
<legend>Registrarse</legend>
<div class="medidas">
<label for="user">Usuario: </label>
<input id="user" name="user">
</div>
<div class="medidas">
<label for="pass">Contraseña: </label>
<input type="password" id="pass" name="pass">
</div>
<div class="check">
<input type="checkbox" id="remember" name="remember">
<label for="recordar">Recordar mi nombre de usuario en esta computadora</label>
</div>
</fieldset>
<div>
<input type="submit" id="login" value="Ingresar">
</div>
</form>
</div>
y este es el codigo del css
<style type="text/css">
body{font: 76% Arial, sans-serif;}
form{width:240px;padding:5px 0;border: 2px solid #C6E9FF;
background: #CEF3FB;}
fieldset{border: 0px solid #000;}
legend{font: bold 140% Arial,sans-serif;color: #27518A;}
Ahora definimos las medidas del div que contiene al formulario, tanto el margen, ancho y alto.
div.medidas,div.check{margin: 10px 0 10px 10px;}
div.medidas label{float:left;width:90px;line-height:23px;}
div.medidas input{width:120px;}
input#login{margin-left: 100px;border: 1px solid #27518A;
background: #ccc url(fondoBoton.jpg) repeat-x;}
</style>
le meti bastante mente antes de prgunta pero que va no lo pude arreglar