IE 6 messing up my search bar!!!!!!!! AHHHHH

[spiceydog]

My search bar works perfectly in every browser except IE 6!

Working:

 

Broken in IE 6:

 

The code relating to this problem:

<style type="text/css">
<!--
.searchbox {
height: 12px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #3D1B00;
border: 1px solid #FFFFFF;
width: 90px;
position: relative;
top: 0px;
_top: 1px;
}
-->
</style>
<!--begin search bar-->
<img src="images/searchbarleft.gif" width="5" height="16" align="absbottom" style="float:left;"><input style="float:left;" name="full" type="text" class="searchbox" onFocus="this.value=''" value="search..." size="9"><input style="float:left;" name="image" type="image" onMouseOver="javascript:this.src='images/searchbarright_o.gif';" onMouseOut="javascript:this.src='images/searchbarright.gif';" value="Search" src="images/searchbarright.gif" alt="Search" align="absbottom" style="margin-right:1px;">

[Madatan]

Try adding a line-height in the .search-box. Example:

 

.searchbox {
   height: 12px;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   color: #3D1B00;
   border: 1px solid #FFFFFF;
   width: 90px;
   position: relative;
   top: 0px;
   _top: 1px;
  line-height: 33px;
}