Закругление с помощью PIE.htc

[SunshineElf]

Доброго дня/утра/вечера форумчане!

Вот такая проблема нагрянула: надо в IE8 сделать закругленные углы кнопок. Использую pie, но он почему-то закругляет только верхние уголки кнопки, хотя закругление указано для всех углов. Может кто встречался с таким? Можно ли кнопку привести к приличному виду?

Стили кнопки

.bookcard_button
{
width: 166px;
height: 28px;
cursor: pointer;
border-radius: 16px;
behavior: url(/templates/css/pie/PIE.htc);
text-align: center;
padding-top: 3px;

background-image: linear-gradient(bottom, rgb(106,125,107) 11%, rgb(250,250,250) 56%, rgb(106,125,107) 100%);
background-image: -o-linear-gradient(bottom, rgb(106,125,107) 11%, rgb(250,250,250) 56%, rgb(106,125,107) 100%);
background-image: -moz-linear-gradient(bottom, rgb(106,125,107) 11%, rgb(250,250,250) 56%, rgb(106,125,107) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(106,125,107) 11%, rgb(250,250,250) 56%, rgb(106,125,107) 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#708071',GradientType=0 ); /* IE6-9 */
background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(112,128,113,1) 100%); /* IE10+ */
}

А получается вот так

Заранее спасибо за советы!

[Vin]

Ну, во-первых, элементу должно быть задано позиционирование, во-вторых filter и PIE несовместимы. По возможности, лучше обходиться без PIE.

[SunshineElf]

Задала position: relative; удалила фильтры(придется отказать от градиента), углы скруглились. Или есть способ сохранить градиент?

Как тогда без PIE и без картинок в IE делать круглые углы, тени?

[Vin]

Либо делать градиент картинкой, либо просто забить на квадратные углы в старых IE — это нормальная практика, более быстрая загрузка страницы и отсутствие лишних тормозов из-за дополнительных отрисовок в устаревших браузерах, на мой взгляд, важнее скруглённых уголков (если только заказчик не упёрся рогом). Также PIE вроде как может делать градиенты — на их сайте на главной странице даже демка есть с блоком, где применяется и скругление, и градиент, и тени, но сам пользовался им только для скругления углов — посмотрите документацию.

Edited February 20, 2013 by Vin

[SunshineElf]

Я бы сама рада забить на IE, но увы, заказчики разные бывают)

Документация помогла, заодно поэксперементировала на самой демке и подобрала нужный результат для своей кнопки

Спасибо вам огромное!