Hover function not working after linked page is created

[bad moto fo]

Hi,

I'm creating a site and have noticed that in my navigation links, the hover function no longer works once that page's code has been written and saved. Has anybody come across this problem before?

Thanks

[elduderino]

Could you post some code for us to look at?

[bad moto fo]

Ok, this is what I believe to be the relavent code:


CSS Code
#header a:link, #header a:visited {
text-decoration: none;
font-weight: bold;
background-color: #000000;
color: #ff0000;
}
#header a:hover {
text-decoration: none;
font-weight: bold;
background-color: #000000;
color: #ddca5e;
}


HTML Code
<ul>
<li><a href="news.html">NEWS</a>&nbsp;&nbsp;|&nbsp;</li>
<li><a href="tourdates.html">TOUR DATES</a>&nbsp;&nbsp;|&nbsp;</li>
<li><a href="gallery.html">GALLERY</a>&nbsp;&nbsp;|&nbsp;</li>
<li><a href="history.html">HISTORY</a>&nbsp;&nbsp;|&nbsp;</li>
<li><a href="interviews.html">INTERVIEWS/REVIEWS</a>&nbsp;&nbsp;|&nbsp;</li>
<li><a href="merchandise.html">MERCHANDISE</a>&nbsp;&nbsp;|&nbsp;</li>
<li><a href="music.html">MUSIC</a>&nbsp;&nbsp;|&nbsp;</li>
<li><a href="video.html">VIDEO</a>&nbsp;&nbsp;|&nbsp;</li>
<li><a href="contact.html">CONTACT</a></li>
</ul>

[elduderino]

Hi,

I cant see any reason it would be doing that

Could you try putting this in instead of what you have:

#header a:link, a:visited

[bad moto fo]

Changing to that code does not solver the problem. Thanks for your input. I'll continue to troubleshoot this.