Hola tengo el siguiente formulario a 2 columnas. Funciona en Firefox pero no en IE
Alguien sabe como solucionarlo?
Código HTML:
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>FORMULARIO A 2 COLUMNAS</title>
<style type="text/css">
form div.columna{
display:inline;
float:left;
width:50%
}
form input {
padding: .2em;
}
div label {
display: block;
margin: .5em 0 0 0;
}
input:focus {
border: 2px solid #000;
background: #F3F3F3;
}
</style>
</head>
<body>
<form>
<div class="columna">
<fieldset>
<legend>columna 1</legend>
<div>
<label for="nombre">Nombre</label>
<input type="text" id="nombre" />
</div>
<div>
<label for="apellidos">Apellidos</label>
<input type="text" id="apellidos" size="50" />
</div>
<div>
<label for="dni">DNI</label>
<input type="text" id="dni" size="10" maxlength="9" />
</div>
<div>
<label for="contrasena">Contraseña</label>
<input type="password" id="contrasena" />
</div>
</fieldset>
</div>
<div class="columna">
<fieldset>
<legend>columna 2</legend>
<div>
<label for="nombre">Nombre</label>
<input type="text" id="nombre" />
</div>
<div>
<label for="apellidos">Apellidos</label>
<input type="text" id="apellidos" size="50" />
</div>
<div>
<label for="dni">DNI</label>
<input type="text" id="dni" size="10" maxlength="9" />
</div>
<div>
<label for="contrasena">Contraseña</label>
<input type="password" id="contrasena" />
</div>
</fieldset>
</div>
<div>
<input class="btn" type="submit" value="Darme de alta" />
<div>
</form>
</body>
</html>