css question regarding aligning elements on the same line

I have a text field followed by a 'go' text button. in firefox i can get them to line up next to each other this way:

<h3 class="find_field">
<a class="button" href="javascript:__doPostBack('','')">go</a><input type="text" onkeypress="return clickButton(event, '')" /></h3>

and the css:

h3 .find_field .button, a.button:hover, a.button:link, a.button:active, a.button:visited
{border: #333333 1px solid; solid; font-size: 100%;color:#333333; text-decoration: none; font-weight: bold; background-color:#B4C0D3; padding: 1px 4px 1px 4px; margin: 4px; height: auto;}

unfortunately, in IE the browser wraps the text button onto the next line. any advice on fixing this in IE?

thanks,
buttercup

 

Can you post the url of the site please?? I cannot "see" what is going on just by reading your post.