[Resolvido] Não consigo centralizar

Boa tarde pessoal.

Como eu ja disse uma vez, sou iniciante e ainda tenho certas dificuldades em encontrar algum erro ou coisa do tipo. Só que dessa vez ja vi e refiz o código umas 3 vezes e não consigo centralizar o form para login no painel de controle.

Aqui os códigos html e css que eu to usando.

HTML

<div id="box">

	<div id="loginbox">

 <h2>Painel de Controle</h2>

 <div id="login">

 <form action="" method="post" name="form1" id="form1">

 <table border="0">

 <tr>

 <td>Usuário:</td>

 <td><input name="usuario" type="text" size="35" /></td>

 </tr>

 <tr>

 <td>Senha:</td>

 <td><input name="senha" type="password" size="35" /></td>

 </tr>

 <tr>

 <td></td>

 <td><input name="logar" type="submit" value="Logar" />

 </table>

 </form>

 </div><!--login-->

	</div><!--loginbox-->

</div><!--box-->

CSS

body{background:#CCC;}

#box{width:800px; margin:0 auto;}

#loginbox{margin:150px 0; text-align:center;}

#login input{border:1px solid #069; background:#FFF; font:16px Tahoma, Geneva, sans-serif; color:#333;}

#login table{text-align:right;}

Agradeço se alguem conseguir me ajudar nisso. Obrigado quem conseguir =D