Altura de un botón

[Gambinoh]

Tengo un buscador interno en mi página y en la parte del formulario no logro que el campo de texto y el botón de buscar se mantengan en la misma línea y tengan la misma altura.

Código HTML:

<form name="buscar" action="buscar.php" method="get">
<input class="campoyboton" type="text" value="" name="palabra" />
<input class="campoyboton" type="submit" name="buscar" value="Buscar" />
</form>
 

Código CSS:

.campoyboton {
position: relative; 
top: -20px; 
left: 15px; 
display: inline; 
border: 2px solid black; 
width: 120px; 
height: 30px; 
font: bold 15px Arial; 
padding-bottom: 2px; 
-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
}
 
input[value="Buscar"] {
background: white;
}
 

Si les doy al campo de texto y al botón una altura de 30px con la clase "campoyboton" no logro que el input del botón sea igual de alto que el del campo de texto. Para lograrlo me veo obligado a darle una altura diferente al botón mediante el selector de atributo input[value="Buscar"].

¿Qué pasa con la altura del botón? es que no lo entiendo.

[laratik]

yo tampoco lo entiendo, ya que en mi pc se ve perfecto, con la misma altura y en la misma linea.



Tal vez el problema este en alguna otra parte de tu código.