Hej mam problem z guzikiem "do góry" na swojej stronie..

Mój CSS wygląda tak:

[CSS] pobierz, plaintext 
body, html {
	background-color: #f2f2f2;
	height: 100%;
	overflow-x: hidden;
}
[CSS] pobierz, plaintext 

I JS:

[JAVASCRIPT] pobierz, plaintext 
$('#up').click
			(
				function()
					{
						$('html, body').animate
							(
								{
									scrollTop:0
								}, 800
							);
						return false;
					}
			);	
[JAVASCRIPT] pobierz, plaintext 

+ HTML:

[HTML] pobierz, plaintext 
<a id="up" href=""><img src="gfx/up.png" alt="Do góry" /></a>
[HTML] pobierz, plaintext 

W CSS używam height: 100%;, aby stopka zawsze dolegała do dołu ekranu, niezależnie od wysokości okna przeglądarki, ale gdy ta linijka (height) jest zapisana to wówczas nie działa mój guzik do powrotu w górę..
Gdy usunę linijkę, to wszystko działa idealnie..


Może macie jakieś ciekawy inny sposób na poprawę tego ?
Korzystam dodatkowo z bootstrap..

Pozdrawiam i z góry dziękuje za pomoc