Pull to refresh

С версткой в IE

Reading time 1 min
Views 621
Добрый вечер.
Прошу помощи у верстальщиков. Задача простая, но завела меня в тупик.
Задача в следующем -нужно сделать инпут с скугленными углами.

Я сделал так:
HTML
<input />

CSS
* {
margin:0px;
padding:0px;
}
*:focus {
outline: none;
}
.input{
background: url(/TCv2/design/images/inpt_r.gif) no-repeat 100% 0;
width:106px;
}
.input span{
position:absolute;
border-left:0px;
border-right:0px;
border-top:1px solid #b2b2b2;
border-bottom:1px solid #b2b2b2;
}
.input input{
border:0px;
height:22px;
width:100px;
font-size:12pt;
}

В итоге в Firefox все нормально, как и запланировано.

А IE увеличивает высоту на 2 пикселя.


Помогите это побороть, а то мучаюсь сил нет. Или подскажите другой вариант. Все инпуты будут иметь разную ширину, но фиксированную высоту.
Tags:
Hubs:
+5
Comments 48
Comments Comments 48

Articles