Whacked out CSS

[jessssss624]

okay my website http://jessism.co.nr uses this css:

Code:

<style type="text/css">

a:link {
border-bottom: 1px dashed #000000;
text-decoration: none;
color: #000000;
}

a:hover {
cursor: crosshair;
text-decoration: none;
text-color: #D8D7D7;
font-size:9px;
border-bottom: dashed 1px #D8D7D7;
}

a:visited {
text-decoration: none;
border-bottom: dashed 1px #000000;
color: #D8D7D7;
}

h1 {
font-family: arial;
}

h1:first-letter {
color: #4E2C01;
}

h2 {
font-family: arial;
}

h2:first-letter {
color: #4E2C01;
}

body {
background-color: #ffffff;
font-family: georgia, verdana;
size: 11px;
color: #000000;
cursor: crosshair;
}

#carl {
background: url(content.jpg); background-repeat: repeat-y;
width: 700px;
margin: 0 0 auto;
}

#header {
height: 387px;
background: url(header.jpg); bacground-repeat: no-repeat;
}

#footer {
background: url(footer.jpg); background-repeat: no-repeat;
height: 29px;
clear: both;
}

#content {
width: 490px;
float: left;
margin-top: -20px;
padding-left: 5px;
padding-bottom: 15px;
font-family: basic sans light sf georgia;
font-size: 10px;
}

#navigation {
width: 190px;
float: left;
margin-top: -10px;
padding-left: 10px;
}

.menu {
margin: 0px;
padding: 0px;
color: #000000;
width: 190px;
list-style: none;
}
.menu li {
padding: 0px 0px 0px 0px;
margin: 0px;
}
.menu li a:link {
margin: 0px;
padding: 3px 3px;
color: #000000;
font-size: 10px;
display: block;
border: #ffffff 1px solid;
background: #ffffff;
text-decoration: none;
}
.menu li a:visited {
margin: 0px;
padding: 3px 3px;
color: #D8D7D7;
font-size: 10px;
display: block;
border: #ffffff 1px solid;
background: #ffffff;
text-decoration: none;

}
.menu li a:hover {
color: #000000;
background: #FFFFFF;
border: #000000 1px dashed;
}
</style>

I know it's long, but you don't have to go over it all. The links don't work on a:hover for some reason. Can anyone tell me why? I'm pretty sure I've got everything else right...

[jessssss624]

Here's another little detail that might help: it was working perfectly fine before and then when I changed it to :

Code:

<LINK href="style.css" rel="stylesheet" type="text/css">

and just link my style sheet instead.

[EternalSorrow]

Which a:hover in your stylesheet are you referring to?  There appear to be several on the page.