Another good thing of using CSS is that you can have text overlay on your blank images as well as being able to use the "Alt" attribute, both of which are very Search Engine friendly.
Pageload time is reduced because of less code on the page plus you will not be preloading all the images.
The first thing you need to do is create your graphic, here are the 2 I will be using:-
An explanation about a few of the entries in the class above:-
.cssbutton - width and height:-
You will need to change this to the size of your own buttons. You will also need to change it in the other classes below:-
Change this to your own personal choice.
Place the code below to where you would like your css menu to appear.
If you followed the instructions correctly, you should now be able to make a site menu using rollover CSS buttons.