Weird issue in for textbox render

Problem

I am have very weird issue in IE. I have attached a screen with this. My textbox is not showing 100% text, I have applied all CSS tricks like height, height on div, height on textbox, padding, margin but nothing works.

Any suggestion ?

enter image description here

Problem courtesy of: Nimmi

Solution

Give line height as per your text field. Each time you need to keep line height same and text field height like below

input[type='text'] { 
    font:normal 15px/26px Arial, Helvetica, sans-serif;
    color:#A7A7A7;
    border:1px solid #DFDFDF;
    background-color:#F8F8F8;
    padding:5px 12px;
    height:26px;
    text-transform:capitalize;
    width:93%;
    margin-bottom:11px;
    outline:none;
    }
Solution courtesy of: Swarnamayee Mallia

Discussion

There is currently no discussion for this recipe.

This recipe can be found in it's original form on Stack Over Flow.