[résolu] Probleme bloc avec cadre arrondi (dynamique)

J'aimerai creer en CSS une box avec des coin arrondi. Les 4 coins sont des images que je viens positionner en absolute (CSS et HTML):

.block_cadre{position:relative;z-index:98;width:100%;}
.coins{position:absolute;z-index:99;width:4px;height:4px;overflow:hidden;}
.coin_HG{top:0;left:0;background:url(../images/bg-coin-HG.gif) no-repeat 0 0;}
.coin_HD{top:0;right:0;background:url(../images/bg-coin-HD.gif) no-repeat 0 0;}
.coin_BG{bottom:0;left:0;background:url(../images/bg-coin-BG.gif) no-repeat 0 0;}
.coin_BD{bottom:0;right:0;background:url(../images/bg-coin-BD.gif) no-repeat 0 0;}
.block_cadre_content{border:1px solid #000;}

<div id="client">
	<div class="block_cadre">
		<div class="coins coin_HG">&nbsp;</div> <div class="coins coin_HD">&nbsp;</div>
		<div class="block_cadre_content">
			<div id="client_content">
				<p>totototo</p>
			</div>
		</div>
		<div class="coins coin_BG">&nbsp;</div> <div class="coins coin_BD">&nbsp;</div>
	</div>
</div>

Ca marche bien sous firefox mais sous ie selon le contenu, j'ai des probleme avec mes images en position absolute bottom:0 et/ou right:0. L'image se positionne 1px au dessous de la bordure bas et/ou droite.


Une idée .....


Merci
Modifié par cetoto (19 Jul 2006 - 12:35)

Bonjour cetoto,

Pourrais-tu s'il te plaît éditer ton premier message pour le mettre en forme conformément aux règles du forum ? En particulier, pour mettre en forme les portions de code que tu cites. Tu peux utiliser les balises [ code] et [ /code] (sans les espaces) pour cela.

Merci d'avance.

Sinon, je ne sais pas si c'est voulu, mais certaines des classes que tu définis dans ta feuille de style ne correspondent pas aux classes utilisées dans le document.

voila

j'ai fait les modifs pour le code.

J'ai aussi modifier le code pour etre raccord entre le HTML et la CSS.

Merci

A+