Detecter la présence d'un overflow

Bonjour,
voila au départ mon site était en 750px de large sur 900px de haut, soit en tout fixe. Le problème est que vers la fin j'ai du mettre une page au contenu beaucoup trop grand, j'ai donc décidé de passer en design variable en hauteur, et mon footer s'ajusterait en fonction.

ça avait l'air de marché sur mon écran en 1440x900, mais sur du 1920x1080 mon footer se trouve trop 'haut'. En clair mon footer ce met en dessous du contenu alors que le body background continue...

J'ai essayé plusieurs solutions comme le position absolute et bottom:0. ça marche bien sur le grand écran, mais sur le miens il se place mal en cas d'overflow...

J'ai pensé a une détection de résolution mais il faudrait tester sur chaque résolution le comportement du site... Alors j'ai pensé a une détection d'overflow, mais je sais pas si c'est possible, et si oui en quel langage ?

voilà mon code pour l'instant

body
{
width: 750px;
height:100%;
margin: auto;
padding-left:1px;
background-color:grey;
background-image: url(Elements/Fond.jpg);
background-position:center top;
background-repeat:repeat-y;
}
#PiedDePage
{

float:right;
margin-top:0px;
width:750px;
height:40px;

}