Высота tr/td отказывается быть равной 0 ⇐ CSS

[Anonymous]

Я пытаюсь сделать что-то очень простое: увеличить высоту tr до 0 пикселей, но это не сработает.
См. код или этот JSFiddle для того, что я пробовал.
HTML:

Код: Выделить всё

Title 1


Title 2

CSS:

Код: Выделить всё

.model, .model * {
max-height: 0 !important;
min-height: 0 !important;
height: 0 !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
border-top: 0 !important;
border-bottom: 0 !important;
outline: 0 !important;
}

.model {
background-color: red;
}

РЕЗУЛЬТАТ:


Результат имеет красный цвет, поэтому высота tr все еще не равна 0.
Как мне сделать так, чтобы она была равна 0 , при сохранении ширины?
РЕДАКТИРОВАТЬ: проблема, похоже, заключается в флажке, вложенном в td. код>. Как мне уменьшить его высоту до 0?

Подробнее здесь: https://stackoverflow.com/questions/349 ... es-to-be-0