Радиус границы таблицы не работает должным образом ⇐ CSS

[Anonymous]

Я хочу добавить радиус границы вокруг всей таблицы. Но следующий код не работает ни в последних версиях Firefox, ни в Google Chrome.

table { расстояние между границами: 0; ширина: 600 пикселей; поле: 30 пикселей; граница: сплошная #CCCCCC толщиной 1 пиксель; радиус границы: 6 пикселей 6 пикселей 6 пикселей 6 пикселей; -moz-border-radius: 6px 6px 6px 6px; -webkit-border-radius: 6px 6px 6px 6px; поле-тень: 0 1px 1px #CCCCCC; } таблица th:first-child { граница-радиус: 6 пикселей 0 0 0; -moz-border-radius: 6px 0 0 0; -webkit-border-radius: 6px 0 0 0; } таблица th:last-child { граница-радиус: 0 6 пикселей 0 0; -moz-border-radius: 0 6px 0 0; -webkit-border-radius: 0 6px 0 0; } таблица td:первый ребенок, .bordered th:first-child { левая граница: средний нет; } таблица го { цвет фона: #DCE9F9; фоновое изображение: -moz-linear-gradient (вверху по центру, #F8F8F8, #ECECEC); фоновое изображение: -webkit-gradient(linear, 0 0, 0 снизу, from(#F8F8F8), to(#ECECEC), color-stop(.4, #F8F8F8)); граница-верх: средний нет; box-shadow: 0 1px 0 rgba(255, 255, 255, 0,8) вставка; текстовая тень: 0 1px 0 rgba(255, 255, 255, 0,5); } стол тд, таблица го { левая граница: 1 пиксель сплошной #CCCCCC; граница сверху: 1 пиксель сплошной #CCCCCC; отступ: 10 пикселей; выравнивание текста: по левому краю; Ярлыки Ярлыки Ярлыки Ярлыки Ярлыки Значение Значение Значение Значение Значение

JSFiddle