Problema con el footer

Tengo un problema al intentar que el footer quede en la parte baja de la página.
Podéis ver a qué me refiero visitando esta web:

http://hl81.dinaserver.com/hosting/platypuslab.com/proyectos/electric-guitar

Si lo véis en una pantalla con una resolución algo elevada (1280x1024, por ejemplo), veréis que el footer no queda en la parte baja de la pantalla sino algo más arriba...

Toda la web está dentro de un contenedor
#page {
position: absolute;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
}
y el footer se encuentra dentro de este contenedor después de varios divs (flotados a la izda y position relative)...

#footerSingle {
position: relative;
padding: 0;
width: 100%;
height: 130px;
clear: both;
bottom: 0;
background-color: white;
}

si cambio a position: absolute, parece que funciona pero el footer siempre está en la parte baja de la página (sin importar lo pequeña que ésta sea, llegando incluso a superponerse a la información).
tampoco funciona con position relative y no sé como mandarlo para abajo.
Estoy algo atascado con este problema y necesito una ayuda!
Muchas gracias!!

si pones tu codigo completo de la estructura de tu archivo html seria mas facil ayudarte.
de antemano te digo que pongas todos tus div en orden de aparicion dejando el footer asta el final y solo dale un margen yo lo utilizo sin position

Código :

#footer{
   clear: both;
   margin:0px 30px 0px 30px;
   text-align: center;
   color:#4D6980;
   padding-top:6px;
   height:27px;
   width:780px;
}

puedes intentar con float:none