Thema: Such-Button richtig positionieren für alle Browser

Hallo Gemeinde,
ich bin nun so gut wie am Ende mit meinem Latein. Ich habe schon Google bemüht und scheinbar haben viele das gleiche Problem, eine Lösung habe ich für mich jedoch nicht gefunden.

Frage: Wie kann ich den Button für die Suche so positionieren, dass er in allen Browsern gleich ist.

Der Button mit dem > oben rechts bei der Suche ist nur im Firefox an der richtigen Stelle. Der IE wirft ihn mir nach oben, der Opere einen Pixel, Chrome wieder anders...

Definiert habe ich das ganze in meinem Fall mit position: relative; Der Button ist so aber nicht genau auf der gleichen Höhe wie die Searchbox, die lediglich hinter das Hintergrundbild gelegt habe. (habe ich noch nicht von der Höhe im IE angepasst)

Code:

.inputbox{
background: #eef2f9;
margin-top: 24px;
margin-left: 170px;
height: 23px;
width: 160px;
border: none;
}

.button{
position: relative;
top: 9px;
margin-left: 18px;
}

Wie geht es denn nun richtig?!

Gruß

Edit: Thema ist durch...es lag an meinem height im .inputbox....ich habe es nun komplett ohne margins und mit position: relative gelöst:

.inputbox{
position: relative;
left: 170px;
top: 12px;
background: #eef2f9;
width: 160px;
border: none;
}

.button{
position: relative;
top: 21px;
left: 188px;
}