[Résolu] Transparence PNG IE6 dans CSS désactive les liens

Bonjour,

Deux problèmes dans la CSS conditionnelle pour IE6.

Le contexte :
J'ai un menu en liste dans mon HTML :

<div id="header">
  <ul>
      <li class="logo"><img src="img/logo.png" alt="Logo XXX" id="pnglogo" width="146" height="149" /></li>
      <li><a href="#">Lien</a></li>
      <li><a href="#">Lien</a></li>  
  </ul>
</div>

La CSS générale :

div#header ul li {
background: url(img/boutons.png) no-repeat top left;
color: #3C3B20;
float:left;
height: 30px;
list-style: none;
margin: 130px 0 0 0;
padding: 2px 0 0 0;
text-align: center;
width: 88px;
}
div#header ul li.logo {
background: none;
margin: 0 230px 0 0;
padding: 0;
}

La CSS conditionnelle pour IE6 :

div#header ul li.logo {
background: none;
margin: 0 170px 0 0;
padding: 0;
}

div#header ul li {
background: 0;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='img/boutons.png', sizingMethod='scale');
z-index:0;
}

Le premier problème est que les liens sont rendus inactifs, j'ai essayé de mettre Z-INDEX pour rétablir mais sans succès.
Le deuxième problème est que quand je mets le filter, cela fait réapparaître le fond du bouton agrandi derrière le logo du LI alors que j'ai bien mis un background:none.

Si vous pouvez m'aider,

Merci
Modifié par jpsartre (13 Apr 2008 - 14:19)

Bonjour,

Ceci

div#header ul li a {position:relative}

devrait corriger ton premier problème.

Bravo !

C'était ça, merci beaucoup,
sinon, pour corriger l'autre pb, j'ai fait :

div#header ul li {
background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='img/boutons.png', sizingMethod='crop');
}
div#header ul li.logo {
background: none;
filter: none;
margin: 0 170px 0 0;
padding: 0;
}
div#header ul li a {position:relative}

Merci encore,
Modifié par jpsartre (13 Apr 2008 - 19:25)