Difference d'affichage en local et en ligne avec IE8

Bonjour à tous,

je cale complètement sur un nouveau problème. Je vois une différence d'affichage pour mon menu lorsque je suis en local sur mon pc et lorsque je teste en ligne sur le serveur ... Le texte est compacté, décalé et les deux liens du mileiu ne fonctionne pas. Ce problème a lieu avec IE8. Lorsque je teste en local et en ligne avec Firefox, je n'ai pas de différence de menu.
En local :
En ligne :

Le code est archi-simple :

code HTML pour le menu :

<div id="menu">
<ul>
<li><a href="vous.htm">Des projets à votre écoute et à celle de la nature</a></li>
<li><a href="prestations.htm">Mes prestations</a></li>
<li><a href="deroulement.htm">Déroulement du projet</a></li>
<li><a href="mail/index.php">Demande de devis</a></li>
</ul>

</div>

code CSS pour le menu:
#menu{
float: left;
width:170px;
height:350px;
background:transparent url("images/fond-menu.jpg") repeat-x ;
padding:0;
}
#menu li {
margin-bottom:5px;
padding-top: 5px;
list-style-image: URL(images/papillon8-liste.png);

}

Quelqu'un a déjà eu cela ?