Доброго времени суток! Возникла следующая ситуация: Необходимо расположить несколько div, которые в свою очередь, в процессе работы будут изменять свой размер в зависимости от контента в одну линию, на слою выше, чем подложка. Приведу пример: <div class="id_1" style="position:relative; z-index:1; height:20px; width:400px;"></div> <div class="id_2" style="position:relative; z-index:2; margin-top:-20px; height:20px; width:100px;"> <div class="id_2_1" style="float:left;height:20px; width:20px; margin-left:5px;"></div> <div class="id_2_2" style="float:left;height:20px; width:20px; margin-left:5px;"></div> <div class="id_2_3" style="float:left;height:20px; width:20px; margin-left:5px;"></div> </div> Как вы уже наверное поняли 3 элемента накладываются друг на друга, так как используется "margin-top:-20px" данный трюк... Если попробовать вместо "margin-top:-20px" использовать "top:-20px", вроде бы все прекрасно, но при создание последующих блоков возникает промежуток равный высоте div - id_2... Мне в свою очередь необходимо, чтобы id_2_1, id_2_2, id_2_3 не накладывались друг на друга и не образовывался пустой промежуток после данного кода. Заранее спасибо за любую оказанную помощь!