ClearFix aparentemente não funcionando

como podem ver na imagem anexada a "borda" do rodapé está la em cima e o texto la em baixo,

o que pode esta errado no código ?

ja coloquei o clearfix la em baixo tbm e não resolveu.

obrigado!

<div id ="#corpo" class="container">
<div class="row clearfix">
<div class="col-md-12 column">

<!-- SLIDE --> <div class="cycle-slideshow" data-cycle-fx=tileSlide data-cycle-tile-vertical=false data-cycle-tile-count=15 data-cycle-timeout=5000 data-cycle-speed=700 data-cycle-caption-plugin=caption2 data-cycle-overlay-fx-sel=">div" >

<img alt="" src="http://lorempixel.com/1600/500/sports/1" />
<div class="cycle-overlay titill"></div>

</div><!-- /SLIDE -->
</div>

<!-- RODAPÉ -->

<div class="footer">
<p class="PI text-right">
<span>©</span> 2014 Recanto<strong><span class="wv">dos</span>Picharros</strong>
</p>
</div><!-- /RODAPÉ -->
</div>
</div><!-- /CORPO -->

CSS.

.footer {
 padding-top: 10px;
 color: #777;
 border-top: 1px solid #bbb;
 font-size: .9em;
}

resultado

/applications/core/interface/imageproxy/imageproxy.php?img=http://i61.tinypic.com/10qjhg6.jpg&key=a0c5faa22668f07ad5ee1423b31b550ee178cc1a348e9c02850d6e8647756692" alt="10qjhg6.jpg" />