Div's con Float y que se mantengan en el centro

[madman_18]

Buenos días a todos!

Quería haceros una consulta:

Tengo en el pie de página un footer fijo al 100% del ancho, y ahora dentro tengo lo que sería un contenedor de la información que quiero que me aparezca:

Código HTML:

<footer class="pie"> 
            <section style="width:auto;margin:0 auto;">
                <div style="float:left;"><img src="imagenes/campan.png"/></div>
                <div style="float:left;"><img src="imagenes/desarrollo.png"/></div>
                <div class="limpia"></div>
            </section>
        </footer>
 

Código CSS:

.pie{
width:100%;
height:auto;
position:fixed;
bottom:0;
left:0;
}
.limpia{
clear:both;
}
 

Ahora bien ¿cómo puedo tener las dos imagenes siempre en el centro? He probado con margin:0 auto, text-align:center y nada de nada :( siempre se me van a la parte izquierda (será por el float).

¿Alguna idea?

Gracias!