footer se superpone con div con float

[piojoso]

codigo HTML

Código HTML:

<div id="subte1" style="background-color: #151515;">
....
<br class="clearfloat" />
</div>
 
<div id="subte2">
......
</div>
 
<div align="center">footer</div>
 

CSS

Código CSS:

.clearfloat {
    clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
    width:1px;
}
#subte1{
   margin-right: 8px;
   width: 655px;
   float: right;
}
#subte2{
   margin-left: 8px;
   width: 310px;
   height:auto;
}