CSS getting a:hover to work. (#links a)

[Pim]

I've got the following css:

a:hover {background-color:#ff3300};
#links a
{
 
color: #FFFFFF;
 
background-color: #CC00CC;

width:6em;

heigth:6em;

padding:0.2em 1.5em;


  
}

body {background-color: #000000};

The problem is that I want the hover to work, just as what is in #links a. The problem is, it seems, is that they are not compatible with each other; the one I put on top works, the other doesn't. How can I solve this?

Thank You.

(Anohter quick question: what would be a good way to make everything float to the left?)

[Nichito]

well... i think it should work by specifying the a:hover as anither class in the #links id... like this:

#links a
{
   code
}

#links a:hover
{
   code
}

[Pim]

It works indeed. Thanks!