Necesito ayuda con esto

[victor5atodogas]

En mi web de jooma he insertado este codigo al final del archivo .html de mi estilo:

Código:

 <div class="art-footer-background"></div>
</div>

		<div class="cleared"></div>
    </div>
</div>
<div class="cleared"></div>

<p class="art-page-footer"><a href="http://www.pc-didi.at/?">Webdesign aus Tirol</a> designed by PC-DIDI.</p>
</div>
<div style="width:100%; height:45px; background: url('http://www.eluniversodelperro.com/hierbas.gif') repeat-x;position:absolute;top:0;left:0;"></div>
<div style="width:100%; height:181px;"></div>
<div style="width:100%; height:181px; background: url('http://www.eluniversodelperro.com/hierbas1.gif') repeat-x;position:absolute;top:bottom;left:0;"></div>
</body>

El div que hace referencia a hierbas.gif son las hierbas superiores y funciona perfecto, pero las hierbas inferiores no, porque me crea ese div despues de el "body", y yo quiero que me coloque mi div (y por lo tanto mi imagen) ENCIMA del final del footer, es decir, que no quede tanto espacio.

¿Alguien sabe como hacerlo?

Muchas gracias y un saludo