Пробелы между строками таблицы в IE7 / 8

Question

Я хотел бы, чтобы в IE7 / 8 были строки между строками моей таблицы. Я сделал это:

.selector tr {
    display: block;
    padding-bottom: 3px;
}

Который работает в Firefox, но не в IE7 / 8, где разрыв в 3px не появляется.

Answer 1

Даже если это может работать в некоторых браузерах, изменение display строки таблицы выглядит как ужасный взлом. Не делай этого.

Единственный известный мне кросс-браузерный способ - дать каждому td немного padding-bottom или, возможно, прозрачный border:

.selector tr td { padding-bottom: 3px } 

Answer 2

Почему бы не сделать:

.selector tr td {
    display: block;
    padding-bottom: 3px;
}

Если вы также используете теги <th>, выполните:

.selector tr td, .selector tr th {
    display: block;
    padding-bottom: 3px;
}

Вам не нужно это правило display: block;, но, возможно, оно переопределяет то, что есть в ваших таблицах стилей.