[SOLVED] eplacement for page menu buttons & removal of text

Hey all...

So I've got a menu here:

http://www.green-tech.org/site/

I've managed to get graphic backgrounds for each button. However, I can't get the "trigger" area to extend to the actual size of the graphics - and I'd like to lose the text on the buttons as well. Hover state would be nice too...

UPDATED: Please see the last post in this thread.... I've made progress, but still need a hand.

Here's what I have:

div#menu1 ul.rMenu li.page-item-5 {
background: url(http://green-tech.org/site/02.jpg) no-repeat left top;
padding: 0 0 0 0;
height:116px;
width:212px;
}

Help?

Thanks!

M.