You probably don't want to

webwiz — Mon, 22 Sep 2008 02:06:46 +0000

You probably don't want to use a link at all -- a link to the same page you're already at is not very useful.

My suggestion would be to exchange the A element for STRONG, and apply the same CSS as for the link, viz:

#main_nav li a,
#main-nav li strong {
  display:block; 
  float:left; 
  height:50px; 
  width:150px; 
  text-decoration:none; 
  padding:0; 
  cursor:pointer;
}

Then add:

#main-nave li strong {
  cursor: default;
  background-position: 0 50px;
}

Advantages:
- no clickable link
- simpler CSS
- informs screen readers "you are here"
- works with text-only browsers

Ahh. I tried everything,

greg — Sat, 20 Sep 2008 19:11:57 +0000

Ahh.
I tried everything, including specifically naming the UL and LI for current and also a complete separate class for LI not_current.

I'm sure I even tried that, but I can't have as it works like a charm now.

Cheers

Wouldn't you just

JeevesBond — Sat, 20 Sep 2008 08:50:45 +0000

Wouldn't you just change:

#main_nav li:hover a, #main_nav a:hover{
background-position: 0 50px;
}

#main_nav li:hover a, #main_nav a:hover, #main_nav li a.current {
background-position: 0 50px;
}

Then change the HTML to mark the current page using a class:

<ul id="main_nav">
  <li><a href="home.php" class="home current"></a></li>
  <li><a href="contact.php" class="contact"></a></li>
</ul>

Or am I missing something?