[Resolu] Image decoupee firefox ok et ie pas ok

Bonjour a tous

Il y a quelques jours je demandais de l'aide pour des espaces entre une image decoupee pour un menu, et on ma fait decouvrir display : block

Maintenant sous firefox pas de probleme, mais une fois sous ie cela n'a plus rien a voir.
En fait j'ai des espaces enorme entre mes images sous ie.

Pouvez vous me dire d'ou viens ce probleme? et peut etre meme le resoudre?

http://users.11vm-serv.net/cybercodes/accueil.htm [/url]

d'avance merci a vous et encore merci pour l'aide que vous fournisé

voici ma css:

body {

margin: 0;
padding: 0;
background-color: #000000;
}
#header {
height: 123px;
background-color: #75064a;
}
#conteneur {
position: absolute;
width: 750px;
left: 50%;
top : 30px;
border-style:solid; 
border-width:3px; 
border-color:#de068d;
margin-left: -375px;
background-color:#550536;
}
#centre {
background-color:#550536;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 0.8em;
margin-left: 130px;
margin-top:15px;
height: 420px;
width: 620px;
overflow: auto;
}
#gauche {
position: absolute;
left:0;
width: 130px;
height: 420px;
}

.menugauche {
display:block;
list-style-type: none;
margin: 0;
padding:0;
border-style:solid; 
border-width:0px; 
border-color:#de068d
}
.menugauche li {
border:0px solid #000;
margin-bottom: 0px;
}
.menugauche a {
margin: 0 0px;
color: #ffffff;
text-decoration: none;
}
.menugauche a:hover {
text-decoration: none;
}

ul.menugauche img {
display: block;
}

p {margin: 0 0 10px 0;}

a:link { color: #f655b2; text-decoration: none; font-size:0.9em; }

a:visited { color: #f655b2; text-decoration: none; font-size:0.9em; }

a:active { color: #f655b2; text-decoration: none; font-size:0.9em; font-family: }

a:hover { color: #FEADC9; text-decoration: none; font-size: 0.9em; font-family: }

Modifié par cybercodes (24 Mar 2006 - 17:32)

Bonjour Cybercodes,
Tu peux ajouter :

.menugauche li {display: inline;}

pour régler ce problème.

Bonne journée

Sinon une autre solution... enlever le <ul> et les <li>, non ?

Genre:

<div id="menu">
  <a></a>
  <a></a>
</div>

Modifié par Nigel (24 Mar 2006 - 10:52)

simplement programmer les margin-top et margin-bottom des <li>

houla que de solutions
je regarde a tous cela et je vous tiens au courant

Et bien merci a vous
le .menugauche li {display: inline;} travaille parfaitement

Encore merci de vos lumieres qui m'eblouisse