Making a Navigation, Div Options

[wetwilly92]

Hello, I'm looking to make another Div Layout, and I was wondering if someone could help me with coding a Navigation that has Rollovers..

Lemme explain more in-depth about what I'm trying to do..

I want to a simple rounded rectangle with a gradient, and on rollover i'd like the image to become slightly darker. Now I'm familiar with the following code to allow an image with a link to have a brand new image appear on rollover:

CODE

a.hover1 {
width:XX px;
height:XX px;
display:block; background-image:url(URL OF ROLLOVER);
}
a.hover1:hover {
cursor:pointer;
}
a.hover1:hover img {visibility:hidden;
}

<a class="hover1" href="URL OF LINK"><img src=URL OF IMAGE border=0></a>

I also want to know if it is possible to place text in the middle of the image in order to specify where the link takes the visitor, and possibly change the color of the text on Rollover as well..

Now for the stumper, I was wonder if this would be possible without making more than 2 images (1 for the Regular display, and one for the Rollover).

Here is an example of what I'm looking for:

http://www.campallen.org/

Ty for any help..