图片库和footer连在一起了，是怎么回事？

<div class="public-container index-panel">
    <div class="index-panel-header clearfloat">
        <h3>The Gallery</h3>
        <div class="line"></div>
    </div>
    <div class="index-panel-body index-pics">
        <a class="pic-col pic-col-m"><img src="img/demo6.jpg" alt=""></a>
        <div class="pic-col pic-col-s">
            <a class="pic-row"><img src="img/demo7.jpg" alt=""></a>
            <a class="pic-row"><img src="img/demo8.jpg" alt=""></a>
        </div>
        <a class="pic-col pic-col-l"><img src="img/demo9.jpg" alt=""></a>
    </div>
</div>

<div class="public-footer">
    <div class="public-container">
        <div class="footer-col">
            <p>New York Restaurant<br>
                3926 Anmoore Road
                <br>New York, NY 10014<br><a class="footer-tel" herf="tel:
                                             718-749-1714">
                718-749-1714</a>
            </p>
        </div>
        <div class="footer-col">
            <p>France Restaurant<br>
                68, rue  de la Couronne<br>
                75002 PARIS<br>
                02.94.23.69.56</p>
        </div>
        <div class="footer-col">
            <a href="">Blog</a>
            <a href="">
                Careers</a>
            <a href="">
                Privacy Policy</a>
            <a>
                Contact</a>
        </div>
        <div class="footer-col">
            <div class="footer-logo"></div>
            <div class="footer-info">? All Rights Reserved 2014.<br>
                Find  More at Pixelhint.com</div>
        </div>
    </div>
</div>

.index-pics{
    height:380px;
    overflow:hidden;
}

.index-pics .pic-col{
    float:left;
}

.index-pics .pic-col-m{
    width:353px;
}

.index-pics .pic-col-s{
    width:287px;
}

.index-pics .pic-col-l{
    width:460px;
}