input, border-radius & pie

[lolka84]

Добрый день.

Задача: нарисовать input с закругленными углами.

Проблемы собсно с этим никакой нет, только вот ie7 и ie8 как то странно его рисуют: "съедают" нижний border, не могу понять в чем дело

В коде ничего интересного нет:

    border-radius: 19px;
    -moz-border-radius: 19px;
    -webkit-border-radius: 19px;
    -khtml-border-radius: 19px;
    behavior:url('css/PIE.htc');

В итоге видим - http://pikucha.ru/i6K0H

Если приглядеться, то можно увидеть, что background инпута сверху имеет отступ в 1px.

Как поправить ?

Заранее спасибо!

Edited October 22, 2011 by lolka84

[Undead_46]

поставите position:relative; и z-index:0;

[lolka84]

Не помогает, пробывал

Вот код, может нагляднее будет - http://jsfiddle.net/VrtqY/

Хелп :dash:

[Undead_46]

я побывал у себя все нормально было, с position:relative;

а почему бы вам просто замисть border-radius не вставить картинку, так более кроссбраузернее

[lolka84]

Спасибо за совет, буду думать..