Div, imagem não respeita scroolbar

Div, imagem não respeita scroolbar, fica fixa mesmo rolando a página ou o mouse.

As imagens que usei são essas, ficaria melhor com uma gif transparente, mais ta funcionando.
Se clicar na imagem no canto direito e inferior da pagina a mesma sobe.
Se for usar uma imagem publicada no blogspot, como eu fiz é bom não pegar essa que abre em uma pagina quando clica sobre ela, mas sim aquela indicada no código fonte <img src="http.... Um exp: é link que deixei abaixo de 2 imagens.
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2wp0apXfDdSHEwxjoKSzckrD11cNCVIYXM6f9IOPii0ZrCyzrRyy0eULD0R2_-u8wyOvO1x18ONqqkESq5sEL_GPeMjt77nhYggpgVB63XYuMMNlIf5xwrs7116e4IV2ed8HFaNO7f8-C/s200/top.GIF




https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzC69ITrsXyb3cWkLqVzxxE4lxOwz9PVYmtgEzU7Vhy4ABNiOvAYg1mPoHflY1HDIs4XTynSfaPm53BcGRD5lAtA0uZgi9u86szj8GZjstBb0dZ3yj2_3oDkw-bgjT9dlWVu2VV6UvVeC0/s200/subir.GIF




<style type='text/css'>

div.irtopo img { position:fixed; bottom:0; right:0;display:block;color:#333;text-align:center;
}/* a.irtopo img {display:none;} */
<!--[if lte IE 6]>
div.irtopo img {
position:absolute; bottom:-100px; right:0;
text-align:left; width:expression(document.body.clientWidth> 1000? "1000px": "auto" ); width:73%;
}<![endif]-->
</style>

Div ou imagem que fica parada e ou sobreposta mesmo subindo a pagina usa apenas CSS

A DIV coloquei no final do HTML

<div class='irtopo'><a href='#header'><img alt='Subir ao topo' src='http://3.bp.blogspot.com/_NrcfzTud13U/R_nZC8mUR7I/AAAAAAAAA
BA/emL7FGn8soc/s200/top.GIF'/></a></div>
O #header É UMA PALAVRA(qualquer) QUE DEVE ESTAR NO TOPO do código da pagina, de preferência deve-se colocar uma descrição para ela Expl: <a name="header"></a>

Usando apenas CSS

Div ou imagem que fica parada e ou sobreposta mesmo subindo a pagina. usando apenas CSS
Pode ser um menu, um link bastante usado ou o que for interessante ==>>¬


Outros

testes como funciona SCRIPT e CSS