css 如何 控制 submit 的位置

代码如下：
HTML code

<div id = "loginbox">
<input class="submit" type="submit" tabindex="3" name="login_form_submit" value="登陆" onclick="return validateForm(this.form);"/>
<input class="signup" type="submit" tabindex="4" name="form_signup" value="注册" onclick="location.href='http://192.168.210.215/signup.php';"/>
</div>

CSS 如下：
CSS code

#loginbox {
    float: left;
/*    border: 1px solid #E7E7E7;  */
    padding: 25px;
    margin: 10px;
    height: 350px;
}

#loginbox .submit {
    float : right; 
    position:relative;
    right:8px;
    height: 30px;
    width: 60px;

}

#loginbox .signup {
    float : left;
    position:relative;
    right:8px;
    height: 30px;
    width: 60px;

}

现在，注册按钮 的位置 总是 太偏右， 登陆按钮的 位置是正确的。
请问 如何通过css 控制 登陆 和 注册 按钮， 使 它们 水平对齐，而且 水平 的距离 位 20px. 

position用relative，就不要用float了。div随便，两个按钮两个relative。或者一个absolute,或者两个absolute.或者什么都不用margin控制。