[OPGELOST] CSS override om zoekbutton te verplaatsen in exposed view form widget

Ik heb een exposed view widget met een zoekfunctie. ik heb de zoekbutton al middels css kunnen restylen zodat deze hetzelfde eruitziet als de normale zoekbutton. echter krijg ik de positie van de button niet gewijzigd. ik zou deze ook graag ernaast zien zoals bij de normale search (float:left)? Maar krijg dit niet voorelkaar. (zie screenshot)

Zie screenshot. Dit is de css die ik heb toegepast voor de button.

--- start css ---

// lengte input veld
#views-exposed-form-Thesaurustermen-page input {width: 115px;}

// button restylen
#views-exposed-form-Thesaurustermen-page input.form-submit {
background: url("../images/search-button.png") no-repeat scroll center top rgba(0, 0, 0, 0);
border-color: #E4E4E4 #D2D2D2 #B4B4B4;
cursor: pointer;
height: 25px;
margin-left: 0;
margin-right: 0;
overflow: hidden;
padding: 0;
text-indent: -9999px;
width: 34px;

}

#views-exposed-form-Thesaurustermen-page input.form-submit:hover,
#views-exposed-form-Thesaurustermen-page input.form-submit:focus,
#views-exposed-form-Thesaurustermen-page input.form-submit:hover,
#views-exposed-form-Thesaurustermen-page input.form-submit:focus {
background-position: center bottom;
}

--- einde css ---

Mensen hier een ideetje hoe ik de button erachter kan plakken ?

Als ik met firebug het element inspecteer neemt hij ook een stukje witregel erboven mee. (zie andere screenshot.)

Dit werkt niet:
#views-exposed-form-Thesaurustermen-page input.form-submit {
float: left; }

spelen met margins zorgt er wel voor dat er ruimte bij komt of wegvalt, maar hij schuift het blok niet erachter.

Bijlage	Grootte
blokken screenshot	6.97 KB
firebug html code screenshot	126.76 KB