IE6 & Anchor Links

If you look at this site with IE6 there is a strange behaviour with the in-page anchor links where IE6 will set them all 'visited' (grey) even when they have not been visited.

The ordinary site navigation links work OK (grey only if visited).

With all other browsers all works OK even IE7.

Any ideas as to why IE6 does not conform (is it a bug)?

Code below for you to see.

Here is an example xhtml code:

!-- NAVIGATION -->
!-- Navigation Level 3 -->
div class="leftsideCol"> !-- InstanceBeginEditable name="sideNav" -->
ul>
li class="title">In-Page links /li>
li> a href="#">Governors /a> /li>
li> a href="#pta">Parents Association /a> /li>
li> a href="#staff">Staff /a> /li>
/ul>
.... /div>

and here is its CSS styling:

.leftsideCol ul {
margin: 0px 0px 0px 0px;
padding: 0px;
}
.leftsideCol li {
display: block;
list-style: none;
}
.leftsideCol li.title {
/*title of column is actually an li*/
color: #fff;
text-transform: uppercase;
text-align: center;
font-weight: bold;
background-color: #41a9ef;
height: 21px;
border-bottom: 2px solid #0c578d;
line-height: 1.5em;/*to center lfc top header*/
}
.leftsideCol li a {
height: 1.3em;
padding: 0px 0px 0px 2px;
border-left: solid 7px #fff;
font-weight: bold;
text-decoration: none;
}
.leftsideCol li a:link {
color: #0c578d;
}
.leftsideCol li a:visited{
color: #888888;
}
.leftsideCol li a:hover, .leftsideCol li a.selected{
border-left: solid 7px #d52c1e;
border-bottom: 1px solid #d52c1e;
}

click here

Sorry!

This thread is now locked and can not be replied to.

Qualcomm Snapdragon 835 benchmarks: Antutu, Geekbench 4, GFXBench and PCMark results

1995-2015: How technology has changed the world in 20 years

This animated short film tells a moving story of domestic violence for Refuge

New iPad 2017 preview: Apple's affordable but underspecced new iPad may appeal to the education…