Multiple item region divider-collapse-zone doesn't contain the whole item

I've a multiple item region, that has 3 items in. In the control panel I have the title for each item (Item 1, Item 2, Item 3) which has the dropdown arrow next to it. However, if I click this title to collapse the item, it actually only collapses the first field in the item and leaves the rest open. This makes it difficult for the client to determine where one item starts and one item begins. If they were all collapsed by default it would make things easier for them I feel.

I'm not sure whats causing this bug, but the second item in my template is a repeater if that may make a difference. The beginning of my template:

~~~ <div class='vehicle-block'>

<div class='vehicle-type'>
    <span class='vehicle-logo'><img src='images/logos/mercedes-benz-simple.png' alt=''/></span>
    <span class='vehicle-name'><perch:content id="vehicle_name" type="text" label="Vehicle Name" /></span>
</div><!--end vehicle-name-->

<div class='vehicle-main-wrapper'>

    <div class='vehicle-main-item vehicle-media'>
            <ul class="lightSlider">
                    <perch:repeater id="images" label="Gallery Images">
                    <li>
                        <img style='width:100%' src="<perch:content type="image" id="image" label="Gallery Image" />" alt="<perch:content type="text" id="alt" label="Description" />" />
                    </li>
                    </perch:repeater>
            </ul>
    </div><!--end vehicle-media-->

    <div class='vehicle-main-item vehicle-details'>
        <perch:content id="vehicle_text" type="textarea" label="Vehicle Description" markdown="true" editor="simplemde" imagewidth="640" imageheight="480" />