How to change navigation bar when page selected???

Please help I need a home button to appear in the navigation bar when viewing the home page. (using CSS and HTML)

Here is the CSS code for the hover state which works fine, so can i replicate it to work for when the page is selected rather then hovered over???...

#navigation-Home { width: 70px; }
#navigation-Home a:hover { background:url("Home.png") 0px 15px no-repeat; }

Here is the HTML code for the hover state:

<div id="navigation">
    <li id="navigation-Home"><a href="THE LINK TO HOMEPAGE">Home</a></li>


Nesting Inside 'a' Tag.

This is something which has been driving me nuts.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">


a	{
	display: block;
	width: 100px;
	background: yellow;
a:active	{
	background: orange;
a span	{
	border: 1px solid red;


<a href="#somelink">
		Hello World

In the above code I have nested an inline element inside an 'a' tag.

Syndicate content