IE : espaces entre deux div

Bonjour,

Mon problème est le même que celui de ce post récent mais je n'ai pas compris comment il l'a résolu.

donc je veux faire un menu avec une image dessus et dessous.

l'espace n'apparait que sur IE entre le bloc supérieur et central.

voici le css:

Code:

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
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
 
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color: #FFFFFF;
	margin: 26px 20px;
}
img {
       float: left;
       clear: none;
       border:none;
}
 
DIV.sommaire{
	width:200px;
	float:left;
}
 
 
/*****  mise en forme des menus *******/
 
 
DIV.menu-vert-dessus{
	background-image: url("../images/dessus-vert.jpg");
	background-repeat:no-repeat;
	background-position:top;
	width:200px;
	height:10px;
	padding:0;
	margin:0;
	border:none;
}
 
DIV.menu-vert-centre{
	background-color:#B1CA00;
	margin-top:10px;
	width:200px;
	top:0px;
	padding:0;
	margin:0;
	border:none;
}
 
DIV.menu-vert-dessous{
	background-image: url("../images/dessous-vert.jpg");
	background-repeat:no-repeat;
	background-position:top;
	width:200px;
	height:10px;
	padding:0;
	margin:0;
	border:none;
}

et le body du html :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
<body>
<div class="sommaire">
	<div class="menu-vert-dessus">
	&nbsp;
	</div>
	<div class="menu-vert-centre">
	&nbsp;sqdqs
	</div>
	<div class="menu-vert-dessous">
	&nbsp
	</div>
 
</div>
</body>

merci