Alignment problem, search engine input/submit button

Hi,

I have a bar across the top-middle part of my page with HTML:

[code=html]<div id=”subheader”>
<div class=”searchbar”><input type=”text” name=”search” value=”Search…” /><input type=”image” src=”images/searchbutt.jpg” width=”52″ height=”17″ style=”margin-top:5px” /></div>
</div>[/code]

and CSS:

[code=html]#subheader
{
width:100%;
height:36px;
background: #000 url(‘images/subheader.jpg’);
background-repeat:repeat-x;
}

/* SUB-HEADER WITH SEARCH ENGINE ETC. */

.searchbar {
float:right;
padding-right:225px;
height:36px
}

#subheader input {
margin-top:1px;
font-size:14px;
}[/code]

However, I am having problems with alignment. The submit button is higher up the page by a few pixels than my input field.

Can someone suggest how I fix this? I’m convinced it’s a very simple change.

Also in #CSS _↴