Tableless layout – align an input element using css next to two rows

Hello everyone

In the login area at the top of this page

[url]http://www.barbaryonline.com/jw/mirror_rss/help/login.htm[/url]

I am tearing my hair out trying to align the go button, so that it is alongside the two input textboxes as in the attached image.

The css validates correctly, Do I use floats to enable me to align three elements alongside each other?

I include the relevant css

thanks in advance
jon

<code>
#login {width:180px; height:60px; background:url(images/fb3_bg_login.gif) no-repeat; margin-left:105px; float:right; padding:30px 10px 10px 10px;color:#FFF; font-size:0.7em}

.login_title {float:left;margin-bottom:4px }

.login_field {float:right;margin-bottom:4px}

#login .textfield {width:85px; height:15px;font-size:0.9em; background:url(images/fb3_bg_textbox.gif); border:none}
</code>

[upl-file uuid=4993682b-fa96-4906-87f6-e2b9b53e0ce6 size=7kB]fb3_phr_login.jpg[/upl-file]

Also in #CSS _↴