Y por qué no enmarcás tus .floats en otro contenedor. Algo así:
Código XML:
Ver original<div class="contenedor">
<div class="floats-contenedor">
<div class="floats"></div>
<div class="floats"></div>
</div>
</div>
Y entonces a .floats-contenedor lo posicionás al fondo y flotás los elementos en su interior. Algo así:
Código CSS:
Ver original.contenedor{
margin: 0 auto;
width:1000px;
height:500px;
position:relative;
}
.floats-contenedor{
position:absolute;
bottom:2%;
text-align:center;
left: 400px;
overflow:hidden; /*limpieza de flotados */
}
.floats{
float:left;
}