Hi........I am using input to get the values from user................It looks perfect in firefox............but when I look it in IE.......it increases the height of input element............................I tried to manage it but I give up...............Is there anyone can tell me a easy way to manage it....

Here's the css I am maintaining them......

These are 2 div's I am using for the the outer and background..

.background_div_keyword
{
background-color:#fffafa;
height:24px;
border:2;
padding:3px;
width:391px;
}
.outer_div_keyword
{
border:2px solid #86a3bd;
height:19px;
background-color:#fff;
width:386px;
}

This is for my input....

.search_input
{
float:left;
width:379px;
margin-top:0;
border-left:1px solid #86a3bd;
border-bottom:1px solid #d6c3c3;
border-top:0;
border-right:0;
display:inline;
font-family:verdana;
font-size:11px;
font-style:normal;
color:#000;
padding:2px 3px 3px 3px;
*height:18px;
_height:18px;
}


Any help would be heighly appreciated...

Thanks

Which VERSION of IE?
The * hack will choke IE7 and probably 8 and you should put IE-specific 'fixes' in a separate css file and call them using conditional comments.

Try using line-height instead of height

Thanks ladyn,

I am on IE 8..........so I need to make it compatible to all IE versions.......Thanks I'll try your suggestions and let you know the result.