how can i align the submit button to the center with the text input

[kaka000]

my html\[code\]<div class="wrapper"> <input class="button" type="button" onclick="document.getElementById('ContactForm').submit()" value="http://stackoverflow.com/questions/13876220/Submit"></div>\[/code\]my css for the button.\[code\]#ContactForm .button { margin: 0 auto; font-size:20px; font-weight:700; color:#fff; line-height:35px; width:90px; text-align:center; background:url(../images/button_form.gif) top repeat-x #308da2; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; behavior:url(js/PIE.htc); position:relative; text-decoration:none; padding:10px 10px;}\[/code\]css for text input\[code\]#ContactForm .bg { background:url(../images/bg_input.gif) top repeat-x #e6e6e6; float:right; margin-right:150px; border:1px solid #ccc; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; box-shadow:1px 1px 2px #e3e3e3; -moz-box-shadow:1px 1px 2px #e3e3e3; -webkit-box-shadow:1px 1px 2px #e3e3e3; behavior:url(js/PIE.htc); position:relative; height:26px;}\[/code\]