Question

I’m basically testing CSS buttons to use in ul’s as navigation, I can get the pseudo classes to do most things I want, but I can’t seem to get the background colour to change!
It’ll probably be one of those silly things that I should have seen, but perhaps someone else will see my mistake.

a:Active {
    /* General  */
    /* Size */
    height: 30px;
    width: 100px;
    background-position:0 2px;
    color:#F00;

    /* Stroke  */
    border: 1px solid hsla(0.0, 0.0%, 42.0%, 0.52);
    -moz-border-radius: 0px; /* FF1-3.6 */
    -webkit-border-radius: 0px; /* Saf3-4, iOS 1-3.2, Android <1.6 */
    border-radius: 0px 0px 0px 0px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */

    /*  Label  */
    font-family: "Lucida Grande","Verdana","Arial","sans-serif";
    font-size: 0.9em;
    text-align: center;
    font-weight:normal;
    display:block;

    /*  Shadow & Inner Shadow */
    box-shadow:inset 0px 0px 2px hsla(0.0, 0.0%, 65.9%, 0.58);

    /*  Opacity  */
    opacity: 1.000;
}

Answer 1

You need to have background-color in your CSS! You just have color.