bonjour à tous!

j'ai pris ce code sur un site afin de faire un encadré avec des coins ronds

mais le hic est que mes coins ronds ne s'affichent pas

voici le code xhtml
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
 
 
<div id="cadre">
<div class="hautdroit"></div> <div class="hautgauche"></div>
<p class="texte">jkjkl</p>
<div class="basdroit"></div> <div class="basgauche"></div>
</div>
puis le code CSS
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
 
 
#cadre /* Propriétés qui s'appliquent au cadre en général */
{
width: 200px;
background-color: #eeeeee;
}
 
.hautgauche .hautdroit .basgauche .basdroit /* Propriétés communes aux quatre coins de notre arrondi */
{
height: 20px;
width: 20px;
background-repeat: no-repeat;
}
 
.hautgauche
{
background-image:url(images/hautg.jpg);
}
 
.basgauche
{
background-image: url(images/basg.jpg);
}
 
.hautdroit
{
background-image: url(images/hautd.jpg);
float: right;
}
 
.basdroit
{
background-image: url(images/basd.jpg);
float: right;
}
mes images sont bien dans le dossier "images"

si quelqu'un pourrait m'aider se serait cool !

merci