Rollovers help the user see that they are about to click the link and also are appealing to the eye. In this tutorial you will learn how to make the rollovers for the navigation.

First you will need to download the rollover background found at the following link. Rollover Background. Put this image in the image folder from Part I.

Now you need to add in this block of CSS to the current style sheet you have in the Part I of the tutorial.

li:hover {
background: url(i/roll.jpg);
}

And there you have it. The rollover should look similar to this.