Box Shadow в строке таблицы не отображается в некоторых браузерах.

CSS box-shadow для строк таблицы — tr— похоже, не работает последовательно в разных браузерах. В некоторых браузерах отображается тень; на других тени нет.

Я использую следующий CSS:

tr {
  background-color: rgb(165, 182, 229);
  box-shadow: 0px 2px 2px black;
  -moz-box-shadow: 0px 2px 2px black;
  -webkit-box-shadow: 0px 2px 2px black;
}
td, th {
  padding: 5px;
  text-align: left;
}

Вот jsFiddleприведенного ниже фрагмента:

tr { background-color: rgb(165, 182, 229); box-shadow: 0px 2px 2px черный; -moz-box-shadow: 0px 2px 2px черный, ; -webkit-box-shadow: 0px 2px 2px черный; } тд, й { padding: 5px; выравнивание текста: по левому краю; }

 Ten 
 
 
Один
 
Два
 
Заголовок
 
Три
 
Четыре
 
Заголовок2
 
Пять
 
Шесть
 
Title3
 
Семь
 
Восемь
  
Title4
 
Девять

Примечание:Такое же поведение наблюдается при замене на