Image arrière plan qui disparait sous IE [Résolu]

bonjour, voilà mon pb dans ma page web j'ai une liste qui est mon menu, j'ai voulu mettre une puce pour mes lien mais voilà dans IE sur certaine ligne la puce disparais !!! peut être que l'erreur viens tout simplement de moi, je vous met mon code css peut être quelqu'un pourras dire ce qui cloche ?

* {padding:0; margin:0;}

a img {border: 0;}

body
{
	background-color: #1e1e1e;
	color: #535353;
}

#header
{ 
	height: 311px;
	background-color:transparent;
	position: absolute;
	left:90px;
	bottom:90px;
	width: 92px;
}
#menu { 
	font: 0.8em Arial, Helvetica, sans-serif;
	position: absolute;
	left:70px;
	width: 170px;
	top:90px;
	background-color:transparent;
}
#conteneur {
position: absolute;
width: 950px;
background-color:transparent;
}

#contenu {
	margin-left: 260px;
	margin-top: 90px;
	background-color:transparent;
}
#foot {
height: 30px;
background-color:transparent;
}

p {	font: 0.8em Arial, Helvetica, sans-serif; }

H1 { }
H1 a {
	background-image: url(../images/mon_titre.jpg);
	display: block;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
}
H1 a span {	display:none}

H2 { font: 1.0em Arial, Helvetica, sans-serif; margin-bottom: 10px;}
H3 { }

a:link {
	color: #ff2200;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #999999;
}
a:hover {
	text-decoration: none;
	color: #FFFFFF;
	}
a:active {
	text-decoration: none;
	color: #000000;
}

#menu a {
	text-decoration: none;
	text-align: left;
	color: #ff2200;
	padding: 0 0 0 11px;
	margin: 0 5px 0 2px;
}

#menu ul
{
list-style-type: none;
width: 100%;
}
#menu li
{
list-style-type: none;
}


/* MON EURREUR */
#menu  a:link {
	color: #ff2200;
   	background: transparent url(../images/puce.gif)  no-repeat 4px 5px;
     }

#menu  a:hover {
	color: #ff5d00;
   	background: transparent url(../images/puce2.gif) no-repeat 4px 5px;
     }
#menu  a:active {
	color: #ff5d00;
     }
#menu a:hover {
	border: 0px solid black; 
	border-bottom: 0px;
   	background: transparent url(../images/puce2.gif) no-repeat 4px 5px;
}
#menu a span {
	display: none;
}
#menu a:hover span {
	display: block;
	position: absolute;
	top: -20px;
	left: 0px;
	width: auto;
	text-align: left;
	border-bottom: 1px solid gray;
	color: #535353;
}
.presentation { padding-right:00px;}
.img { border: 1px solid #999999; margin-left: 10px; padding: 0;float:right;}
.signature {
	display: block;
	width:100%;
	height: 24px;
   	background: url(../images/signature.jpg) 300px 0 no-repeat;
	 }
.signature span { display: none; }
	 
#footer p
{
	margin: 0;
	text-align: right;
	padding:0;
	color: #999999;
	top: -50px;
	left: 50px;
	background-color: transparent;
}

#footer a
{
	text-decoration: none;
}

#footer a:hover
{
	text-decoration: none;
}

span.right {
	float:right;
}

span.left {
	float:left;
}

merci pour votre aide,
PS: tout s'affiche bien avec firefox
Modifié par lolohe (09 Sep 2006 - 08:18)

je continu à chercher mais je trouve pas, le problème ne viendrais t il pas des positionnements absolus et relatif ? j'ai pas mal bidouiller dedans pour faire la mise en page ?

Si je ne suis pas bête, tu imposes à la liste de ton menu de ne pas avoir de puce ?
Pourquoi faire ça ?

Tu peux facilement intégrer la puce sur ta liste grâce au CSS

list-style-type: url('mapuce.gif');

Sinon je te laisse un bon site sur les listes (en anglais)
Listamatic

Edit :

Le #menu li{ list-style-type: none;} est redondant et surtout inutile ! On attribut des puces à une liste et non aux éléments d'une liste
Modifié par Paul-Hewson (07 Sep 2006 - 12:06)

en fait avec

list-style-type: url('mapuce.gif');

je trouve que lorsqu'on l'utilise l'image "mapuce.gif" est pas centré verticalement par rapport à mon texte, elle est trop haute.
J'ai remarqué le même chose ici: http://css.maxdesign.com.au/listamatic/vertical04.htm

lolohe a écrit :
en fait avec

list-style-type: url('mapuce.gif');

je trouve que lorsqu'on l'utilise l'image "mapuce.gif" est pas centré verticalement par rapport à mon texte, elle est trop haute.
J'ai remarqué le même chose ici: http://css.maxdesign.com.au/listamatic/vertical04.htm

Il suffit de suivre ce type de liste alors :

Listamatic Background Bullets

Tu trouveras ton bonheur
Modifié par Paul-Hewson (07 Sep 2006 - 13:19)

Merci, En suivant les exemples de listamament maintenant ça marche !!!

Modifié par lolohe (09 Sep 2006 - 08:16)