Having ul inside carousel item will break up the caroussel

[markwemekamp]

When you add an unordered list to the markup of the carousel item, it will cause strange behaviour and the list items of the sub list are added randomly as main items

My carousel items look like this:

<li>
    <div class="one-fourth">
        <a href="#"><img src="img/content/ironman.png" alt=""></a>
        <a href="#"><h2>Iron man</h2></a>
        <p>Laos, alongside many of its Southeast Asian neighbours, is well known.</p>
        <ul class="likes-views">
            <li><a class="likes" href="#">165</a></li>
            <li><a class="views" href="#">2,350</a></li>
        </ul>
    </div>
</li>