Метод .css не корректно отображается
 

Доброго времени суток.
Я вот обвожу див:
$('#header').css({
'border': '1px solid red',
'border-radius': '15px'
});
И меня в браузере не корректно отображаются закруглённые углы в диве.
Почему? Может я не так пишу?
Брузер Мозила, версия JQuery v1.9.1.

свойство border-radius поддерживается не всеми браузерами, в Firefox работает в версиях 4+

Да действительно когда border-radius применим к самому диву, он отображается хорошо, а когда к его бордеру, то не корректно.
Только что попробовал. Спасибо.
А как можно костыли прописать в .css типа -moz-border-radius:5px;
Это вообще что-нибудь изменит?

Алек, эти костыли jquery сам за вас делает

jquery молодец!
Попробую похимичить что-нибудь со стилями. Хотя думаю сделаю div1 padding 1px, а внутри ещё div2. Вместо рамки у div2 тогда будет background-color div1.

Может, это поможет
Как сделать блок со скруглёнными углами без изображений

Ну это рассчитано на Ie6 на котором сейчас только птеродактили работают(да и то навряд ли )скруглённые углы у блоков кроссбраузерно делает border-radius, а мне нужно чтоб только border сруглялся. Может так:
задать background-color блоку под цвет основного фона,
задать border-radius блоку,
задать рамку блоку.
И всё заработало!

Я так понимаю что дело здесь не в кроссбраузерности border-radius а том что рамка со скруглёнными углами ложиться на блок с прямыми углами.

Толком не вникал в вопрос. Иногда торчащие углы можно обзерать задав overflow:hidden.

Это по моему только внутри блока действует, я помню делал overflow: auto когда у меня параграф внутри блока раздвигал соседнюю ячейку в таблице, а при изменении font-size параграф выезжал за padding блока(не понял почему так получилось) я сделал полосу прокрутки overflow: auto .
А то что можно его применить к border я не в курсе(может просто не сталкивался ещё?)