I am trying to get the text 'Start new Search' to align at the same height as the text in the input box. This issue is only occurring in IE7. Below you can find the image, HTML, and CSS related to this problem:
<span class="search_new_search_box"> Start new search
<input id="search_box_second" class="search_results_input" type="text" value="$searchTO.getSearchTerm()" onfocus="if (this.value=='Please enter a keyword') {this.value = '';}" /> </span>
<span style="float:left"><input type="image" src="images/bttn_search_result.png" value="submit" /></span>
Below is the corresponding CSS code:
.search_new_search_box{
font:normal 12px/24px AntennaRegular, Arial, Helvetica, Sans-serif;
float:left;
padding-top:3px;
}
.search_results_input {
width:300px;
height:30px;
font:normal 12px/24px AntennaRegular, Arial, Helvetica, Sans-serif;
background-color:#eee;
border:solid 1px #ccc;
line-height:30px;
}