Bonjour à tous

voilà mon petit problème

j'avais un site http://ismaberrada1.free.fr qui utilisait les tableaux pour la mise en page
cette methode n'etant pas optimum j'ai voulu utiliser des div à la place des tableaux:
ce qui donne ceci, pour l'instant
http://ismaberrada1.free.fr/index1div.html

j'ai une image en background qui n'apparaît pas du tout dans la nouvelle version et je me creuse la tête depuis quelques temps et je ne vois pas pourquoi je n'ai pas l'effet escompté

Cette image est celle du milieu en dessous de la bande bleu du header...

voilà un morceau de code

HTML:

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
 
 
 <div>
 <div class="ombregauche"><img src="Im_Perso\ombre-bandeau-g.gif" width="183px" height="19px" alt="" title=""/></div>
<div><img src="Im_Perso\p.gif" width="1px" height="1px" alt="" title=""/></div>
<div id="ombremilieu">&nbsp;</div>
<div class="ombredroite"><img src="Im_Perso\ombre-bandeau-d.gif" width="183px" height="19px" alt="" title=""/></div>
</div>
et pour le 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
 
 
 
div.ombregauche{
	width: 183px;
	height: 19px;
	left: 0px; 
	top:0px;
	position:relative;
	overflow: visible;
	float: left;
}
div.ombredroite{
	width: 183px;
	height: 19px; 
	top:0px;
	position:relative;
	overflow: visible;
	float: right;
	top:0px;
}
 
div#ombremilieu{
	width: 1px;
	height: 1px;
	background-image: url('..\Im_Perso\ombre-bandeau-bg.gif');
	background-repeat: repeat;
	position: relative;
	overflow: visible;
}

merci d'avance pour votre aide