Bug nas setas do fórum

Qual é minha questão:
Bem, eu tenho no meu fórum as setas para cima e para baixo! No entanto, a seta que é para ir para baixo do fórum, só vai bem pouquinho, não chega lá no fim!

Vejam meu fórum: http://habbojoy.forumeiros.com

Aqui o código que usei:

Código:

<div style="position: fixed; top: 0px; right: 0px;"><img src="http://cdn1.iconfinder.com/data/icons/woothemesiconset/32/arrow_down.png" onclick="$('html,body').animate({scrollTop: $('#page-footer').offset().top}, 2000);" title="Fundo da página"></div><div style="position: fixed; bottom: 0px; left: 0px;">
<img src="http://cdn1.iconfinder.com/data/icons/woothemesiconset/32/blue_arrow_up.png" onclick="$('html,body').animate({scrollTop: $('#phpbb').offset().top},
2000);" title="Topo da página"></div>

Nota: Ele é para widget!

Vocês podem me ajudar?

Medidas que eu tomei para corrigir o problema:
Editei o código, mas nada deu certo! Dai, voltei ao de antes, e continua assim até agora...

Imagens do meu problema:
http://cdn1.iconfinder.com/data/icons/woothemesiconset/32/arrow_down.png

Endereço do meu fórum:
http://habbojoy.forumeiros.com/

Versão do meu fórum:
PHPBB3

Há, eu descobri um bug! É como se ele tivesse sido programado para ir naquela parte! Vá na página principal, abaixe até o fim, e clique na seta:



Ele vai lá para cima '-' (Lembre que a seta é pra baixo)

Olá,

Substitua o código por este que fiz:

Código:

<div style="position: fixed; top: 0px; right: 0px;"><img src="http://cdn1.iconfinder.com/data/icons/woothemesiconset/32/arrow_down.png" onclick="$('html,body').animate({scrollTop: $('ul#picture_legend, ul#privmsgs-menu ').offset().top}, 2000);" title="Fundo da página"></div><div style="position: fixed; bottom: 0px; right: 0px;">
<img src="http://cdn1.iconfinder.com/data/icons/woothemesiconset/32/blue_arrow_up.png" onclick="$('html,body').animate({scrollTop: $('#phpbb').offset().top}, 2000);" title="Topo da página"></div>

Salve em seu widget e veja se resolve.
Até mais.

Isso, pegou, valeu. Mas, eu quero que fique como antes. A seta para baixo fica na direita, e a seta para cima fica na esquerda!

(No caso, a seta para a cima mudou para a direita)

Eu editei para este:

Código:

<div style="position: fixed; top: 0px; right: 0px;"><img src="http://cdn1.iconfinder.com/data/icons/woothemesiconset/32/arrow_down.png" onclick="$('html,body').animate({scrollTop: $('ul#picture_legend, ul#privmsgs-menu ').offset().top}, 2000);" title="Fundo da página"></div><div style="position: fixed; bottom: 0px; right: 0px;">
<left><img src="http://cdn1.iconfinder.com/data/icons/woothemesiconset/32/blue_arrow_up.png" onclick="$('html,body').animate({scrollTop: $('#phpbb').offset().top}, 2000);" title="Topo da página"></left></div>

Mas não resultou. Tem como você colocar a seta para ir para a esquerda?

Olá,

Substitua o código dado por este:

Código:

<div style="position: fixed; top: 0px;float: left;"><img src="http://cdn1.iconfinder.com/data/icons/woothemesiconset/32/arrow_down.png" onclick="$('html,body').animate({scrollTop: $('ul#picture_legend, ul#privmsgs-menu ').offset().top}, 2000);" title="Fundo da página"></div><div style="position: fixed; bottom: 0px;  right: 0px;">
<img src="http://cdn1.iconfinder.com/data/icons/woothemesiconset/32/blue_arrow_up.png" onclick="$('html,body').animate({scrollTop: $('#phpbb').offset().top}, 2000);" title="Topo da página"></left></div>

Salve e visualize seu fórum.
Até mais.

Não, é esta seta para a esquerda:

Olá,

Substitua por este código:

Código:

<div style="position: fixed; top: 0px; right: 0px;"><img src="http://cdn1.iconfinder.com/data/icons/woothemesiconset/32/arrow_down.png" onclick="$('html,body').animate({scrollTop: $('ul#picture_legend, ul#privmsgs-menu ').offset().top}, 2000);" title="Fundo da página"></div><div style="position: fixed; bottom: 0px; float: left;">
<img src="http://cdn1.iconfinder.com/data/icons/woothemesiconset/32/blue_arrow_up.png" onclick="$('html,body').animate({scrollTop: $('#phpbb').offset().top}, 2000);" title="Topo da página"></div>

Até mais.

Está quase! Ele precisa ir mais para a esquerda! Qual o local no código que eu posso editar para ele ir mais para a esquerda?

Olá,

Substitua o código por este:

Código:

<div style="position: fixed; top: 0px; right: 0px;"><img src="http://cdn1.iconfinder.com/data/icons/woothemesiconset/32/arrow_down.png" onclick="$('html,body').animate({scrollTop: $('ul#picture_legend, ul#privmsgs-menu ').offset().top}, 2000);" title="Fundo da página"></div><div style="position: fixed; bottom: 0px; float: left;left: 0px;">
<img src="http://cdn1.iconfinder.com/data/icons/woothemesiconset/32/blue_arrow_up.png" onclick="$('html,body').animate({scrollTop: $('#phpbb').offset().top}, 2000);" title="Topo da página"></div>

Já fiz a alteração que deseja, irá ficar igual a outra seta porém na esquerda.
Veja se fica como quer.

Até mais.