Adding a link to an empty Div with a background

programming web dev
1

Hi

I’m stuck on a minor problem.

I’m building a CSS navigation based on CSS, Divs and lists.
So far it looks and works alright, except now that I need to start applying links to the buttons.

Basically the Div that is the button is setup with a css background

background: url(toppicks/Button08-Contact.gif) repeat 0px 0px;

, and the background changes on hover

#Button08-Contact_:hover { 
        background: url(toppicks/Button08-Contact_O.gif) repeat 0px 0px;
}

Since the Div is basically empty except for the css applied background, how do I go about having something happen when someone click on it?
I can’t seems to find reference to anything like:

#Button08-Contact_:click

Which is what I’d really like to use
Do I have to move the button image from the background and place it into the box and use javascript to create a rollover and then link it?
or do I have to create a 1x1 invisible gif to act as an invisible filler and trap for the click?

Hopefully you have suggestions of your own.

Thanks for your time.

-Lem