[Resolvido] Posicionamento de formúlario de login

Estou tendo um probleminha... Desenvolvo Tableless, mais ainda sou iniciante, sei fundamentos básicos, e tenho estudo ativo sobre o mesmo.

Eu desenvolvi um formulário, para um MODELO de um layout.

CSS:

#lgn //Div Login {

	width:190px;
	text-align:left;
	margin-left:3 px;
	margin-bottom:0;
	margin-right:0;
	margin-top:0;

}

.botlgn //Botão de logar{

	margin-top:2px;
	margin-left:127px;
	margin-bottom:5px;
	border:1px solid #E4E4E4;
	background:#FFF;
}

.lgnf //Campo Login{

	margin-bottom:1px;
	border:1px solid #E4E4E4;
}

.snaf //Campo Senha {

	margin-bottom:0px;
	border:1px solid #E4E4E4;
}

Código aplicado:

<div id="lgn">
 <input name="" type="text" value="Login" class="lgnf"/>
 <input name="input" type="password" class="snaf" value="Senha" />
 <form id="form1" name="form1" method="post" action="">
 <label>
 <input type="submit" class="botlgn" name="button" id="button" value="Ok!" />
 </form>
 </div>

/applications/core/interface/imageproxy/imageproxy.php?img=http://img199.imageshack.us/img199/7831/imagemvs.jpg&key=7e3ce054c044357cee557261b557dbc662043cc468cc4976c8436699a636a512" alt="Imagem Postada" /> ~> Resultado: Note que no IE, o botão fica desalinhado, e o espaçamento é maior.

Lembrando que isso é um teste pro modelo do meu site, só que eu sempre tenho esse probleminha...

Alguem pode me ajudar a resolver e aprender??

Obrigado!