I'm having some issues with trying to get my codes to work for linking. I've looked through posts here and haven't figured out what I'm doing wrong, so I'm hoping someone can help me.

If you stick the css into a css doc and upload it, it makes the links blue until you hover and then it changes. But I can't figure out what is different between the hover and the others to make them not work.

This is what I'm using (I got most of these codes off the main site so hopefully they're okay). I can't move the body part up to the top or it makes the transparent background disappear for some reason.

I'm sure whatever it is, is easy to fix, but I'm hurting my head trying to figure it out.

Thanks in advance to anyone who can help me! :)


<style type="text/css">

A:link {
text-decoration: none;
color: #b1b1b1;
}

A:visited {
text-decoration: none;
color: #b1b1b1;
}

A:active {
text-decoration: none;
color: #b1b1b1;
}

A:hover {
text-decoration: none;
color: #808080;
}

body
{

background-color: transparent;

font-family: verdana;
color: #B9B9B9;
font-weight: bold;
font-size: 7pt;
}

</style>

Remove the starting and ending style tags so only the actual CSS remains, you are not supposed to include the style tags when it is an external sheet.

A:link {
text-decoration: none;
color: #b1b1b1;
}

A:visited {
text-decoration: none;
color: #b1b1b1;
}

A:active {
text-decoration: none;
color: #b1b1b1;
}

A:hover {
text-decoration: none;
color: #808080;
}

body
{

background-color: transparent;

font-family: verdana;
color: #B9B9B9;
font-weight: bold;
font-size: 7pt;
}