<div class="cat-container">

​

    <div class="cat-sidebar">

​

        <div class="cat-tree">

        <ul>

<li id='cat-2' class='cat-open'><span id='switch2'><i class="icon-" style="opacity:0.7"></i></span><a href="/index.php?r=site/categories&amp;id=2"><span>Одежда, обувь и аксессуары</span></a>

<li id='cat-8' class=''><span id='switch8'><i class="icon-" style="opacity:0.2"></i></span><a href="/index.php?r=site/categories&amp;id=8"><span>Косметика и парфюмерия</span></a>

<li id='cat-1' class=''><span id='switch1'><i class="icon-" style="opacity:0.7"></i></span><a href="/index.php?r=site/categories&amp;id=1"><span>Товары для детей</span></a>

<li id='cat-3' class=''><span id='switch3'><i class="icon-" style="opacity:0.7"></i></span><a href="/index.php?r=site/categories&amp;id=3"><span>Товары для дома</span></a>

<li id='cat-5' class=''><span id='switch5'><i class="icon-" style="opacity:0.2"></i></span><a href="/index.php?r=site/categories&amp;id=5"><span>Продукты питания</span></a>

<li id='cat-7' class=''><span id='switch7'><i class="icon-" style="opacity:0.7"></i></span><a href="/index.php?r=site/categories&amp;id=7"><span>Бытовая техника и электроника</span></a>

<li id='cat-4' class=''><span id='switch4'><i class="icon-" style="opacity:0.7"></i></span><a href="/index.php?r=site/categories&amp;id=4"><span>Товары для туризма и отдыха</span></a>

<li id='cat-6' class=''><span id='switch6'><i class="icon-" style="opacity:0.2"></i></span><a href="/index.php?r=site/categories&amp;id=6"><span>Автотовары</span></a>

<li id='cat-9' class=''><span id='switch9'><i class="icon-" style="opacity:0.2"></i></span><a href="/index.php?r=site/categories&amp;id=9"><span>Товары для животных</span></a>

<li id='cat-11' class=''><span id='switch11'><i class="icon-" style="opacity:0.2"></i></span><a href="/index.php?r=site/categories&amp;id=11"><span>Сувениры</span></a>

        </ul>

        </div>

​

    </div>

​

​

​

    <div id="cat-content">

        <div class="purchase-item">

            <h4><a href="http://www.ergerg.ru">erger</a></h4>

​

            <div style="margin-right:10px;">

            нет описания

            </div>

<!-- если убрать следующий div, то блок имеет нормальную высоту -->

<div style="clear: both;margin-bottom: 10px;"></div>

        </div>

​

​

        <div class="purchase-item">

            <h4><a href="http://www.off.ru">Тестовая1</a></h4>

​

            <div style="margin-right:10px;">

            нет описания

            </div>

            <div style="clear: both;margin-bottom: 10px;"></div>

        </div>

​

​

        <div class="purchase-item">

            <h4><a href="http://www.off.ru/?t=159453">Тестовая 2</a></h4>

​

            <div style="margin-right:10px;">

              <img src="http://placehold.it/150x100" style="float: left;margin-right: 10px;"/>

описание описание описание описание описание описание

            </div>

<!-- если убрать следующий div, то всё схлопывается и последующие блоки налезают на этот -->

<div style="clear: both;margin-bottom: 10px;"></div>

​

       </div>

​

​

        <div class="purchase-item">

            <h4><a href="http://www.off.ru">Тестовая1</a></h4>

​

            <div style="margin-right:10px;">

            нет описания

            </div>

            <div style="clear: both;margin-bottom: 10px;"></div>

        </div>

​

        <div class="purchase-item">

            <h4><a href="http://www.off.ru">Тестовая1</a></h4>

​

            <div style="margin-right:10px;">

            нет описания

            </div>

            <div style="clear: both;margin-bottom: 10px;"></div>

        </div>      

  </div>

</div>