[oddholst]

Jag håller på att göra en liten inloggningsruta som skall vara längst upp i hörnet på en webbsida. Koden ser ut så här:

<div style="padding-left: 2px; padding-top: 2px; font-size: 8pt; font-family: sans-serif; position: absolute; top: 3px; right: 3px; width: 300px; height: 24px; border: solid 1px black; background-color: #efefff;">

E-post: <input style="border: solid 1px black; font-size: 8pt; width: 75px; height: 16px;" name="email"> 

 Lösen:<input type="password" style="border: solid 1px black; font-size: 8pt; width: 75px; height: 16px;" name="pass">

<input type="submit" name="login" style="border: solid 1px black; width: 50px; height: 16px;" value="Logga in">"
</div>

Problemet är att när det visas i IE7 så ser det ut så här:


Men i FF ser det ut så här:


Hur skall jag göra så att de inte visar så här olika? Jag har ju satt samma höjd på både textrutorna och skicka-knappen.