This is effect I want: I want the current page to have the green image behind it so people know what page they're on. This is what I have: The current page doesn't display the background image except on hover. CSS here:


In the style sheet, delete #nav li #current a{} and #nav li #current span a {} , then amend #nav li a:hover{} and #nav li a:hover span as follows:

#nav li a:hover, #nav li#current a {
	background: url( no-repeat top right;
 	color: #576d07;

#nav li a:hover span, #nav li#current span {
	background: url( no-repeat top left;

This guarantees that the "current" state has the same style applied to it as the :hover style.


Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.