My links change to the other css link attributes when you click them, but only when you click them. My site is http://brittany.wings-immortal.net so you can see what I'm talking about

Here is my CSS

a:link, a:visited, a:active {
color: #ff74bf;
text-decoration: none;
font-family: arial;
font-weight: bold;
font-size: 7pt;line-height: 10px;
text-transform: uppercase;
background-image: none;}

a:hover{
color: #fe1091;
text-decoration: none;
font-family: arial;
font-size: 7pt; background-image: none; line-height: 10px;
font-weight: bold;
text-transform: uppercase;
}


.cat {
color: #ffffff;
background-color: #59deff;
border-left: 0px solid #937ea5;
font-family: arial;
font-size: 10px;
text-align: center;
letter-spacing: 1px; font-weight: bold;
line-height: 20px;background-image: none;margin-right: 1px;
padding: 5px;}

.cat:link {
color: #ffffff;
background-color: #59deff
border-left: 0px solid #937ea5;
font-family: arial;
font-size: 10px;
text-align: center;
letter-spacing: 1px; font-weight: bold;
line-height: 20px;background-image: none;margin-right: 1px;
padding: 5px;}

.cat:visited {
color: #ffffff;
background-color: #59deff;
border-left: 0px solid #937ea5;
font-family: arial;
font-size: 10px;
text-align: center;
letter-spacing: 1px; font-weight: bold;
line-height: 20px;background-image: none;margin-right: 1px;
padding: 5px;}

.cat:active {
color: #ffffff;
background-color: #59deff;
border-left: 0px solid #937ea5;
font-family: arial;
font-size: 10px;
text-align: center;
letter-spacing: 1px; font-weight: bold;
line-height: 20px;background-image: none;margin-right: 1px;
padding: 5px;}

.cat:hover {
color: #ffffff;
background-color: #00ccff;
border-left: 0px solid #937ea5;
font-family: arial;
font-size: 10px;
text-align: center;
letter-spacing: 1px; font-weight: bold;
margin-right: 1px;
padding: 5px;
line-height: 20px;background-image: none;}


.nav {
color: #202020;
border-bottom: 3px solid #00a8ff;
font-family: arial;
font-size: 10px;
text-align: center;
letter-spacing: 1px; font-weight: bold;
margin-right: 1px;
padding: 5px;
line-height: 20px;background-image: none;}

.nav:link{
color: #202020;
border-bottom: 3px solid #00a8ff;
font-family: arial;
font-size: 10px;
text-align: center;
letter-spacing: 1px; font-weight: bold;
margin-right: 1px;
padding: 5px;
line-height: 20px;background-image: none;}

.nav:visited {
color: #202020;
border-bottom: 3px solid #00a8ff;
font-family: arial;
font-size: 10px;
text-align: center;
letter-spacing: 1px; font-weight: bold;
margin-right: 1px;
padding: 5px;
line-height: 20px;background-image: none;}

.nav:active {color: #202020;
border-bottom: 3px solid #00a8ff;
font-family: arial;
font-size: 10px;
text-align: center;
letter-spacing: 1px; font-weight: bold;
margin-right: 1px;
padding: 5px;
line-height: 20px;background-image: none;}

.nav:hover {
color: #7eff00;
border-bottom: 3px solid #00c6ff;
font-family: arial;
font-size: 10px;
text-align: center;
letter-spacing: 1px; font-weight: bold;
margin-right: 1px;
padding: 5px;
line-height: 20px;background-image: none;
}


.affie:link, a:active {
color: #5c5c5c;
background-color: #baff00;
font-family: arial;
font-size: 7px;
text-align: left;
letter-spacing: 1px;
line-height: 12px;background-image: none;margin: 1px;
padding: 0px;
border-bottom: #939191 1px dotted;
border-left: 6px solid #757575;
display: block;
margin-right: 10px; margin-left:10px;
}

.affie:visited {
color: #5c5c5c;
background-color: #d2ff00;
font-family: arial;
font-size: 7px;
text-align: left;
letter-spacing: 1px;
line-height: 12px;background-image: none;margin: 1px;
padding: 0px;
border-bottom: #939191 1px dotted;
display: block;
border-left: 6px solid #757575;margin-right: 10px;margin-left:10px;}

.affie:hover {
color: #5c5c5c;
background-color: #9cff00;
display: block;
font-family: arial;
font-size: 7px;
text-align: left;
letter-spacing: 1px;
line-height: 12px;background-image: none;margin: 1px;
padding: 0px;
border-bottom: #939191 1px dotted;
border-left: 6px solid #757575; margin-right: 10px; margin-left:10px; }


.link {
color: #5a5a5a;
background-color: #ffffff;
font-family: arial;
font-size: 7px;
text-align: left;
letter-spacing: 1px;
line-height: 12px;background-image: none;margin: 2px;
padding: 1px;
display: block;
border-left: 5px solid #beff31;
}

.link:link {
color: #5a5a5a;
background-color: #ffffff;
font-family: arial;
font-size: 7px;
text-align: left;
letter-spacing: 1px;
line-height: 12px;background-image: none;margin: 2px;
padding: 1px;
display: block;
border-left: 5px solid #beff31; }

.link:visited {
color: #7f7f7f;
background-color: #ffffff;
font-family: arial;
font-size: 7px;
text-align: left;
letter-spacing: 1px;
line-height: 12px;background-image: none;margin: 2px;
padding: 1px;
display: block;
border-left: 5px solid #beff31; }

.link:hover {
color: #2c2c2c;
background-color: #efefef;
font-family: arial;
font-size: 7px;
text-align: left;
letter-spacing: 1px;
line-height: 12px;background-image: none;margin: 2px;
padding: 1px;
border-left: 5px solid #adfe00; }

The only one that does work is the affie one
I know it's a bit messy, but it has been validated, so I know everything is right

I am not sure what your referring to. Links looks good to me when clicked.

BTW, I hope you know that in IE6 your content is below the side bar.

is it now??

Maybe you need to post a link to some screen shots of what you are talking about.

This one trips many up at first. Style rules for a MUST be in order or it screws things up in (sometimes) unpredictable ways. Thanks to LNR for teaching me the mnemonic LoVeHAte. Link, Visited, Hover, Active.