Easy rollover problem

[thehen]

For some reason my CSS rollovers aren't working at all. I've never had this problem before and I can't work out what's wrong.

Here is my code:

Code: Select all

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

body {
   background-color: #4b4b4b;
}
.navigation {
   font-family: Tahoma;
   font-size: 12px;
   font-weight: bold;
   color: #6c6c6c;
   text-align: center;
}
a:hover {
   color: #fc8800;
}
a:link {
   text-decoration: none;
   color: #6c6c6c;
}
a:visited {
   text-decoration: none;
   color: #6c6c6c;
}
a:active {
   text-decoration: none;
   color: #000000;
}
body,td,th {

}[code][/code]

I am really new to this and any help would be appreciated.

[jberry]

Ok i think this may be your problem. If you are trying to use the rollover in the navigation it would have to look like this. Or atleast this is how I would do it.

Code: Select all

.navigation a:hover {
color: #fc8800;
}
.navigation a:link {
text-decoration: none;
   color: #6c6c6c;
}


and so on this should work for you.

Just one more thing I would change to make it all a bit easier would be to instead of using navigation as a class i would make it an ID by doing like this
#navigation or #navigation a:link

and you would call by using this code.

Code: Select all

<div id="navigation">


then whenever you use say <a herf=" ">
they link would be assigned correctly.

Hopefully this helps