Jquery: footer fisso

Volete inserire un footer fisso ancorato al fondo della pagina senza dover ricorrere ad artifizi vari con i css e  mille problemi di compatibilità tra browser e loro versioni?

Libreria Jquery e piccolo script, ed ecco fatto!

Dopo aver caricato della libreria più aggiornata (qui l'articolo), nel css definiamo solo dimensioni, colore, font etc del div footer e poi lo script:

$(window).bind("load", function() {
 
var footerHeight = 0,
footerTop = 0,
$footer = $("#footer");
 
positionFooter();
 
function positionFooter() {
footerHeight = $footer.outerHeight();
footerTop = ($(window).scrollTop()+$(window).height()-footerHeight)+"px";
if ( ($(document.body).height()+footerHeight) < $(window).height()) {
$footer.css({
position: "absolute",
top: footerTop
});
} else {
$footer.css({
position: "static"
});
}
};
$(window)
.scroll(positionFooter)
.resize(positionFooter);
 
});