[dreamincodehamza]

text inside input field is touching top.
i want to align it to middle as like other brosers
you can see image attached as well i am facing this issue with IE 6 7 8.

 <DIV id=search-wrapper>
      <FORM id=searchform method=get action=http://www.calikay.com/>
      <INPUT onblur='if (this.value == "") { this.value = "Search here.."; }' id=s onfocus='if (this.value == "Search here..") { this.value = ""; }' name=s value="Search here.." type=text jQuery1710007330052892983274="28">
      <INPUT id=search-button value="" src="http://www.calikay.com/wp-content/themes/foodpress/images/search-button.png" type=image jQuery1710007330052892983274="29">
      </FORM>
    </DIV>

/*** Search ***/
#search-wrapper { float:right; position:relative; }
/* #searchform input { background:url(images/search-bg.png) repeat-x; border:0; height:35px; position:absolute; top:0; right:42px; padding-left:10px; border-left:1px solid #DDD; width:185px; font-family: 'TitilliumText22LLight'; font-size:13px; color:#999; } */
#searchform input { 
					background:url(images/search-bg.png) repeat-x; 
					border:0; 
					height:35px; 
					position:absolute; 
					top:0; 
					right:42px; 
					padding-left:10px;  
					
					
					border-left:1px solid #DDD; 
					width:185px; 
					font-family: 'TitilliumText22LLight'; 
					font-size:13px; 
					color:#999; 
					}
#searchform #search-button { right:0; border:none; width:42px; padding-left:0; }
#searchform #s:focus { outline:none; }

[Atli]

Try adding a line-height: 35px; style to your input, where the value equals that of the height style. That should cause IE 7 and 8 to render the input text in the middle.

[dreamincodehamza]

Atli, on 29 January 2012 - 08:21 PM, said:

Try adding a line-height: 35px; style to your input, where the value equals that of the height style. That should cause IE 7 and 8 to render the input text in the middle.

thanks for your reply yeah i placed the line height but top0 was creating the problem i comment it out now its working fine.