Ну, Размер блоков у вас фиксированный? ширина, высота постоянная? Можно вместо float: left попробовать display: inline-block; vertical-align: top; и указать border-width: 0 1px 1px 0; А для контейнера блоков border: 1px 0 0 1px;
Да фиг его знает=) У вас там понаверчено всего и всякого=) bottom: -120px; это то, что нужно в вашем случае - футер внизу страницы вплотную к низу, не перекрывает контент.
Я бы копал в сторону html height: 100%, body height: 100%, content-container height: 100% + внизу отступ по высоте футера
Я сам писал что-то подобное. Скриптов решающих вашу проблему не встречал, поскольку все это дело тривиально и узкоспецифично.
Приложите код, генерирующий список, может что-нибудь придумается
@iiil А с чего вы взяли, что это табличные данные? В вопросе нигде таблицы не упоминаются.
Ну, а если все-таки таблица, то можно сверстать так: codepen.io/golumenov/pen/nEbrL
Используются прозрачные border-ы
-webkit-transform-origin: 50% 100%;
Так будет вращаться относительно центра низа блока
-webkit-transform: perspective(400) rotate3d(1, 0, 0, 90deg);
Изменить угол вращения на противоположный (90deg)
margin-top: -100%;
Сместить вверх на 100% высоты блока
top: -10px;
Поднять вверх еще на 10 пикселей - отступ у родительского li
opacity: 0;
сделать прозрачным в закрытом состоянии для фикса визуального бага при сворачивании
Также у .nav5 ul > li:hover ul изменить
opacity: 1;
в раскрытом состоянии полностью непрозрачный