HTML атрибуты cellpadding и cellspacing убираем в CSS

Код представления таблицы <table cellpadding="0" cellspacing="0" border="0"> можно безболезненно заменить на <table> если правильно написать стиль:

table{
border:0px; /* border="0" */
border-collapse:collapse; /* cellspacing="0" */
}

table td{
padding:0px; /* cellpadding="0" */
}

HTML код:

Вид:

Когда нужно получить другой вид таблицы, нужно переопределить этот базовый стиль, для верности иногда с помощью
!important:

table.stuff{
border-collapse:separate;
}

table.stuff td{
padding:5px 10px;
border:1px solid #666666;
}

HTML код:

Вид:

Есть такое CSS свойство, как border-spacing. Но оно совсем не работает в Internet Explorer. Поэтому растояние между ячейками при border-collapse:separate всегда в этом браузере одинаковое, равное 2 px.