Закругленные углы для <input type = 'text' /> с использованием border-radius.htc для IE
Я хочу создать поля ввода с закругленными углами.
HTML:
<div id="RightColumn">
<input type="text" class="inputForm" />
</div>
CSS:
.inputForm
{
-moz-border-radius:10px; /* Firefox */
-webkit-border-radius: 10px; /* Safari, Chrome */
-khtml-border-radius: 10px; /* KHTML */
border-radius: 10px; /* CSS3 */
behavior:url("border-radius.htc");
}
#RightColumn
{
background-color:White;
}
Но IE не показывает никаких границ для полей ввода - соседние округленные или простые границы. Когда я удаляю CSS-стиль для #RightColumn, IE показывает поля ввода с закругленными углами. Но мне нужен фон для #RightColumn.
Как я могу создать это?