Here's my CSS code... not sure what's wrong with it.

<style type="text/css">

A:link
{ text-decoration: value; none; color:#cacaca; }
A:visited
{ text-decoration: value; none; color:#cacaca; }
A:active
{ text-decoration: value; none; color:#cacaca; }
A:hover
{ text-decoration: value; underline overline; color:#cacaca;}

body
{ margin-top: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}

#header {
margin: 20px;
padding: 10px;
height: 100px;
}
#left {
position: absolute;
left: 15px;
top: 160px;
width: 200px;
}
#center {
top: 0;
margin-left: 230px;
margin-right: 230px;
}
#right {
position: absolute;
right: 15px;
top: 160px;
width: 200px;
}
</style>

Everything is working fine except for the links. The underline overline command isn't having any effect at all. It is always just a single underline and I don't know what's wrong with the code or how to fix it. I've done this before so I don't know why this isn't working.

you have to replace the word "value" with the value itself- so instea of text-decoration: value; you need text-decoration: underline overline;

you need to do the same thing with the others, replacing the word value with none

*smack* Wow that was a bad mistake... thanks, lol.