Probleme avec balise Div

Bonjour a tous
en fait j'ai pas de soucis puisque tout fonctionne, mais j'aimerais
trouver une solution pour alleger le code.
Je voulais dessiner un cadre en y incorporant des Bitmaps, ça fonctionne
bien, mais comme j'ai l'intention d'en inserer beaucoup, ça risque de
faire une sacrée imbrication de "Div"...et vu que je debute, je fait appel
a votre savoir si une methode serait plus efficace

le code html et le code css :

<Div class="rectangle">
	<Div class="bitmap1">
		<Div class="bitmap2">
			test
		</Div>
	</Div>
</Div>

.rectangle {
	width:660px;
	height:100px;
	background-color:#AAAAAA;
	}

.bitmap1 {
	width:100%;
	height:100%;
	background:url(bitmap1.jpg) right top repeat-y;
	}

.bitmap2 {
	width:100%;
	height:100%;
	background:url(bitmap2.jpg) left bottom repeat-x;
	}

En fait ça m'aurait bien plu si on avait pu incorporer les code "bitmap1"
et "bitmap2" dans le code "rectangle". Mais si c'est possible je n'sais
pas comment faire
vala

Tu peux combiner image et couleur de fond pour un même élément, ce qui te permettra de supprimer au moins une division.
Pour rappel, la propriété générique background se construira:

background: couleur image répétition attachement position