Скругленные углы таблицы CSS в Firefox - выпуск

Question

Возникла проблема с применением правил, которые округляют верхний левый и верхний правый углы в верхнем заголовке (с красным фоном) в Firefox 4.

http://jsfiddle.net/gFA4p/10/

Есть какая-то проблема с приоритетом, которую я пропускаю?

Answer 1

Это работает: http://jsfiddle.net/gFA4p/13/

Изменено

#picksHeading{background-color:red}

до

#picksHeading th{background-color:red}

Те, на которых вы пытаетесь скруглить края.

Также добавлено:

-webkit-border-radius
-khtml-border-radius

Обратите внимание, что для IE9 вы должны уклонять все углы

.borderRightRadius {
border-radius:0 15px 0 0; 
}
.borderLeftRadius {
border-radius:15px 0 0 0; 
}

Предыдущие версии IE не поддерживают радиус границы