Colocar imagen en footer de forma correcta

He insertado unas hierbas en mi web: http://www.eluniversodelperro.com/prueba/ en la parte inferior, pero estas me aparecen despues de todo el body, es decir, despues de terminar la imagen del fondo, y yo quiero que me aparezcan encima de la misma para no tener tanto espacio entre el final de la pagina y las hierbas.

Este es el trozo de codigo que hace referencia a ello:

<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>

¿Alguien sabe que tengo que cambiar?

Muchas gracias y un saludo
Si le pones un margen superior negativo al div de la hierba te queda a tu gusto?

Sería así: margin-top:-100px

P.D: Usa css, tu web cargará antes y te será más fácil de modificar.

Saludos