Miss X: Input nicht mittig

Hallo,
ich habe eine Nav-Bar ungefähr der von Apple, rechts ein Suchfeld. Allerdings möchte ich daneben noch einen Button machen, da ich aus Erfahrung (z.B. meine Mutter) weiß, das viele ein Formular nicht mit dem Enterbutton absenden.

Setze ich das Textfeld ein, ist dieses vertikal oben zentriert [Bild Punkt 1]
Setze ich nun den Button davor ein(welcher genau die Höhe der Navi-Leiste hat), rutscht das Input-Feld nach unten. [Bild Punkt 2]
Mache ich den Button weg, und setze einen Text davor(hier der Buchstabe s), passt es so wie ich es gern hätte. [Bild Punkt 3]

Wie bekomme ich es hin, das mit Button das textfeld schön mittig ist ?

HTML:

  
<form action="search.php">  
<input type="text" value="Suchen..." name="search" id="search" />  
</form>

CSS (in diesem Div befindet sich das ganze):

  
#hor_nav .search  
{  
	height:25px;  
	width:350px;  
	color:#fff;  
	float:right;  
	margin-right:22px;  
	text-align:right;  
}  

Screenshot Navibar

Wäre nett wenn ir da jemmand helfen könnte.

Grüße
Miss X

  1. Hi,

    Wie bekomme ich es hin, das mit Button das textfeld schön mittig ist ?

    In dem du überhaupt erst mal angibst, was du wo in der line box ausgerichtet haben willst - mittels vertical-align.

    MfG ChrisB

    --
    “Whoever best describes the problem is the person most likely to solve the problem.” [Dan Roam]