Hvad gør jeg galt?

Har følgende kode:
BODY
{

    font-size: 13px;
    font-family: tahoma, verdana, sans-serif;
    background-image: url( "grafik/metal_baggrund.jpg" );
}

BODY.topBody
{
    background-image: url( "grafik/top_banner.png" );
}

BODY.bottomBody
{
    background-color: #FFFFFF;
}

sidste linie med background-color virker ikke. Istedet vises billedet metal_baggrund.jpg...hvordan kan det være?
Hvis jeg bruger background-image: url("billede.gif");
ændres baggrunden fint nok.