Firefox not responding to code

[GraphicalProd]

First time poster so I apologise if this has been covered before.

I have coded something in CSS and it looks fine in Safari but I tried it in Firefox 3 and the a:link color doesn't work.

This is the code:

@charset "UTF-8";
/* CSS Document */

body {
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
background-color:#3e5d8a;
font-size:85%;
color:#cdcdcd;
background-image:url(../images/logo2.gif);
background-repeat:no-repeat;
background-position:top left;
}
a:link {
color:#999a9c;
text-decoration: none;
}

a:hover {
color: #cddddd;
}

a:active {
color: #7f3946;
}

a:visited {
color:#999a9c;
}


#allcontent {
width:800px;
padding-top:114px;
}

#header {
padding-left:8px;
}
#footer {
font-size:90%;
text-align:center;
padding: 5px;
margin: 10px;
}
#maincontent {
height: 500px;
background-color:#505e65;
padding: 10px 15px 10px 5px;
margin: 5px 10px 5px 5px;
background-image:url(../images/background.gif);
background-repeat:no-repeat;
background-position:right;

}
#titles {
padding-left:5px;
padding-right:10px;
border:thin;
border-right-style:dashed;
border-right-color:#333;
margin-right:5px;
}
.navigation {
background:url(../images/headerbg.gif);
padding-right:3px;
padding-left:3px;
}
.navigation a:link {
color:#999a9c;
}

.active {
color:#cddddd;
background:url(../images/headerbgactive.gif);
}

.picleft {
float:left;
width:inherit;
}

.style {
list-style-image:url(../images/list.gif);
}
img {
border:0;
}

li {
margin-left:50px;
}

Any ideas?