highlighted menu item does not work

[samesame]

i have coded the menu on my site so that when you click on one of the main menu items it remains highlighted to act as a heading. Site is at http://www.purestcut.com.au/shop

 

However, when you click on "Account" for account.php it only remains highlighted if you are not logged in. If you are logged in, it will not remain highlighted.

 

Any ideas on what I can do?

 

Here's the code for the header.php

 

<div align="left"><b><font size="2" face="Geneva, Arial, Helvetica, sans-serif"><a href="http://www.purestcut.com.au/shop/index.php" id="homenav">HOME</a></font></b>  <font face="Geneva, Arial, Helvetica, sans-serif"> <font size="-1">|</font> <b>  <font size="2"><a href="http://www.purestcut.com.au/shop/about.php" id="aboutnav">ABOUT</a></font></b>   <font size="-1">|</font> <b>  <font size="2"><a href="http://www.purestcut.com.au/shop/account.php" id="accountnav">ACCOUNT</a></font></b>   <font size="-1">|</font> <b><font size="2">  <a href="http://www.purestcut.com.au/shop/contact_us.php" id="contactnav">CONTACT</a></font></b>   <font size="-1">|</font> <b><font size="2">  <a href="http://www.purestcut.com.au/shop/info.php" id="infonav">INFO</a></font></b>   <font size="-1">|</font> <b><font size="2">  <a href="http://www.purestcut.com.au/shop/links.php" id="linksnav">LINKS</a></font></b></font></div>

 

here's the code from my stylesheet

 

#navcontainer ul {

border: 0;

margin: 0;

padding: 0;

list-style-type: none;

text-align: center;

font-family: Geneva, Arial, Helvetica, sans-serif;

}

 

#navcontainer ul li {

text-align: center;

padding: 0;

margin: 0;

font-family: Geneva, Arial, Helvetica, sans-serif;

}

 

#navcontainer ul li a {

background: #252525;

width: 78px;

height: 18px;

border-top: 1px solid #252525;

border-left: 1px solid #252525;

border-bottom: 1px solid #252525;

border-right: none;

padding: 0;

margin: 0 0 10px 0;

color: #252525;

text-align: center;

font-family: Geneva, Arial, Helvetica, sans-serif;

}

 

#navcontainer ul li a:hover {

color: #FFFFFF;

background: #252525;

font-family: Geneva, Arial, Helvetica, sans-serif;

}

 

body#home a#homenav,

body#about a#aboutnav,

body#account a#accountnav,

body#contact a#contactnav,

body#info a#infonav,

body#links a#linksnav,

body#cart a#cartnav {

color: #FFFFFF;

background: #252525;

}

 

any help appreciated