ho un div che utilizzo in due pagine diverse e deve avere due immagini di sfondo diverso...

io ho fatto così:
codice:
#content{
	margin-left: 12em;
	margin-right: 15.8em;
	margin-bottom: 1em;
	min-height: 30em;
	overflow: visible;
	}
.news{
	background-image: url("immagini/news1.jpg");
	background-repeat: repeat;
	}
.rules{
	background-image: url(immagini/rules.jpg");
	background-repeat: repeat;
	}
e poi a seconda di quale dei due mi servisse

<div id=content class id="news">
ma non mi funziona...perchè?