Problem mit Klassen und DIV

[sub-xero]

Hallo zusammen,

ich habe im Stylesheet folgendes definiert, um wechselnde Hintergrundgrafiken über Klassen zu steuern:

div#absatz  
{  
	height: 220px;  
	width: 910px;  
	background: url(test.jpg) no-repeat;  
}  
.variante1  
{  
	background: url(variante.jpg) no-repeat;  
}

Leider greift die Klasse nicht, wenn ich im HTML-Code folgendes angebe:

<div id="absatz" class="variante1">  
</div>

Kann mir jemand helfen und mir sagen, was ich falsch mache?
Vielen Dank schonmal im Voraus!