HTML text not aligning properly

Question

I have a textbox and when I enter the term "laptop" its not visible properly. The problem is in IE9, not with Chrome.

HTML

<input id="small_search_string_sub" name="search_string" type="text" class="newsearch_sub rounded " placeholder="Search..." maxlength="500">

Here is the CSS:-

.newsearch_sub {
padding: 3px 10px 3px 10px;
background-color: #FFF;
width: 220px;
height: 25px;
margin-top: 10px;
vertical-align: top;
}

Answer 1

It seems like you have no reset for the input default style, also the input has not format for the text on it, also the padding might be pushing down the text to far.

I tried this, and it seems to work well on IE9 for me, but the fact that I see another class (rounded) on the line of code that you send, makes me wonder if there is not something missing here, can you put a link to the code, even as a stand alone page, this way I can debug on ie9 on the proper code, and maybe give you a solution if this one does not work for you.

.newsearch_sub {
     padding: 3px 10px 3px 10px;
     background-color: #FFF;
     width: 220px;
     height: 25px;
     margin-top: 10px;
     vertical-align: top;
     font:12px/24px Arial,Helvetica
}