[RESOLU]Damier en diagonale

Bonjour j'aimerai créer un damier en diagonale via des css.
Et j'ai un problème au niveau du positionnement des div.
ce que je veux faire doit rendre ainsi:
http://img202.imageshack.us/img202/8486/damier.jpg

mais ça rend plutôt comme ça:
http://img692.imageshack.us/img692/4966/damier1.jpg
Or je suis parti sur cette base de code:

<div id="damier">
            
               	<div id="c00">1</div>
                <div id="c01">2</div>
            	<div id="c10">3</div>
                <div id="c11">4</div>
                
</div>

#damier{
	width:140px;
	height:140px;
	background-color:#0CC;
	position:relative;
	display:block;

}
#c00{
	background-image:url(pictur/c00.gif);
	width:70px;
	height:70px;

	left:0px;
	top:35px;
	position:relative;
}
#c01{
	background-image:url(pictur/c01.gif);
	width:70px;
	height:70px;
	z-index:2;

	position:relative;
	left:35px;
	top:0px;
}
#c10{
	background-image:url(pictur/c10.gif);
	width:70px;
	height:70px;

	z-index:3;
	position:relative;	
	left:35px;
	top:70px;
}
#c11{
	background-image:url(pictur/c11.gif);
	width:70px;
	height:70px;
	z-index:4;
	position:relative;
	left:70px;
	top:35px;
}

pour faire un affichage normal, je suis obligé de mettre mes left et top en négatif dans certains cas, alors que je voudrais qu'ils soient relatifs mais aux bord du div parent.

Merci d'avance.

PS: le positionnement du chiffre 1 dans l'affichage sur les cases vertes, c'est un détail je me fiche qu'il soit décalé.
Modifié par roduce (17 Feb 2010 - 10:40)

Alors résolu by myself

Au final il fallait que que mon div damier soit en position absolute: ainsi que les sous catégorie, c00 c01 etc...
Et ces sous catégories je les ai placé en span plutôt qu'en div.
voilà si ça peut servir à quelqu'un d'autre.