Question

I have this input text and input button, I am trying to get them the same height…you can see this at http://www.taranmarlowjewelry.com/ at the top right….do they look the same height? if not how do I get them to be the same height?

<form class="product_search" style="font-size:0px !important;" method="GET" action="<?php echo $pp_url?>/" >
<input name="product_search" id="wpsc_search_autocomplete" class="wpsc_product_search wpsc_live_search_embed .wpsc_live_search" autocomplete="off" style="padding:0px !important; height:23px !important;" />
<input type="submit" id="button" name="button" class="searchBtn" value="GO"/>
</form>

and the CSS:

.searchBtn {
    background-color: #FFA18A;
    border: 0 none;
    color: #FFFFFF;
    cursor: pointer;
    height: 25.5px;
    width: 32px;
}

Answer 1

The text input has an effective height of 27px, whereas the button has an effective height of 25px.

Try to add these styles:

.searchBtn{
  padding: 0;
  height: 27px;
}