Таблица HTML, которая использует rowspan и colspan, перекрывается следующим элементом

Question

Я проектирую очень простую таблицу, которая содержит свойства элемента данных.Этот элемент будет использоваться для представления каждого элемента ответа AJAX в виде списка.

Таблица использует "rowspan" и "colspan", чтобы увеличить некоторые ячейки.Проблема в том, что когда я добавляю элемент ниже, этот элемент перекрывает таблицу, я не знаю почему.HTML-код действителен, а атрибуты rowspan указывают точное количество строк для объединения.

Я развернул пример здесь: http://jsfiddle.net/vtortola/KzjKg/9/

Как видите, зеленый блок перекрываетстол, и это то, чего я хочу избежать.

Есть идеи, почему это происходит?

Приветствия.

Answer 1

Я думаю, что проблема:

1) Вы можете удалить максимальную высоту, когда ваш стол больше 50 пикселей.

div.mobileRow{
width:100%;
font-family:Arial;
margin:5px;}

Answer 2

Вы приписали max-height:50px; div, который содержит таблицу.Удалите это объявление CSS, и таблица больше не будет перекрываться.