Hi, I have a simple rollover navigation, which is as follows::
Code:
<ul id="nav"> <li><a href="about.html" class="about"></a></li>
<li><a href="guestpics.html" class="guestPics"></a></li>
<li><a href="staff.html" class="staff"></a></li>
<li><a href="webcams.html" class="webcams"></a></li>
<li><a href="parties.html" class="parties"></a></li>
<li><a href="contact.html" class="contact"></a></li>
</ul>
Here is the CSS for the about link::
Code:
#nav a.about{ background-image:url(images/nav/about_off.gif); width:77px; height:18px; }
#nav a.about:hover { background-image:url(images/nav/about_on.gif);}
I don't see what I am doing wrong? Can someone help?
thanks
