positionering av formulär

Lyckas inte få till mitt formulär.
Knappen (image) hamnar snett i förhållande till textboxen.

Se bilden för att förstå vad jag menar. ;)

formuläret:

<div id="search">
    <form action="http://www.foobar.com/index.php" id="cse-search-box">
        <input type="hidden" name="mnu" value="googlesearch" />
        <input type="hidden" name="cx" value="partner-pub-**********:**********" />
        <input type="hidden" name="cof" value="FORID:9" />
        <input type="hidden" name="ie" value="ISO-8859-1" />
        <input type="text" name="q" size="31" />
        <input name="buttonSearch" src="gfx/button_search.png" type="image" id="buttonSearch" />
    </form>

    <script type="text/javascript" src="http://www.google.se/coop/cse/brand?form=cse-search-box&amp;lang=sv"></script> 
</div>

css:

#search {
	text-align: right;
	margin:0;
	height:110px;
}

#buttonSearch { vertical-align: middle; }

borde göra susen.

Funkade i FX men i IE hamnade den lite snett iaf.
float:left på textboxen gjorde däremot susen.

postar koden om någon har nytta av den.

#search {
	text-align: right;
	margin:0;
	height:110px;
}
#searchbox {
	float:left;
	border: 3px double #CCCCCC;
	font-size:14px;
	width:133px;
	background:#d3e6ea url(gfx/search_icon.png) no-repeat 4px 4px;
	padding:4px 4px 4px 22px;
	height:19px;
}
#buttonSearch {
	vertical-align:middle;
	border:none;
}
#cse-search-box {
	margin-top:5px;
}

Resultatet: