Граница-радиус для IE7 и IE8

Question

Я работаю в CakePHP и хочу сделать немного стиля CSS. Проблема с Internet Explorer. В настоящее время я хочу, чтобы css border-radius работал правильно в IE7 и IE8. Я использую CSS

#lastcol
{
    float:left;
    width:240px;
    min-height:630px;
    background-color:#ffffff;
    border-radius:8px 8px 8px 8px;
    padding:15px 15px 15px 15px;
    margin-top:15px;
}

Это один div, у которого радиус границы, я хочу, чтобы он работал и в IE. Для этого я использую behavior : url(/PIE.htc);. Я уже добавил скрипт PIE.js. В тот момент, когда я добавляю функцию поведения в #lastcol для выполнения закругленных углов в IE, фон исчезает. Я использовал эту функцию для выполнения закругленных углов в css для некоторых сегментов, и это работает хорошо, но в некоторых случаях, таких как приведенный выше, не работает.

Я не понимаю, в чем конкретно проблема. Почему фоновое изображение или цвет фона удаляются сразу после добавления behavior : url(/PIE.htc); только для некоторых div, тогда как для других это работает отлично. Пожалуйста, предложите, что нужно сделать.

Answer 1

Пожалуйста, посмотрите на http://css3pie.com/documentation/known-issues/

Возможно, вам понадобится добавить position: relative; к div или дать ему z-index.

Answer 2

Это потому, что вам нужно создать этот элемент с помощью JavaScript:

document.createElement("element");