Baggrundsskift ved hover

Hej!

Jeg skal lave en knap på min hjemmeside. I html skriver jeg så:

<div class="knap">Nyheder</div>

Klassen "knap" skriver jeg så følgende for i CSS:

.knap {
    position: absolute;
    top: 160px;
    left: 90px;
   
    height: 30px;
    width: 150px;

    font-size: 18px;
    text-align: center;
    vertical-align: center;
}

.knap:HOVER {
    color: #FFFFFF;
    background-color: rgb(226,0,26);
}

Der sker intet når man kører musen over. Hvad gør jeg forkert?