same probs with both ifixpng and pngfix plugings
Hi
If you look at this page
http://www.ecolosport.com/index.php
with IE 6.n you will see that my implementation of pngfix works for the transparency but stretches the bg images out sideways !!
has anyone got any idea how I can fix this in my css or js ??
html :
-
<ul id="index-prods-list">
<li><a href="imprimeur-ecolo-produits.php?cat_id=1">PROSPECTUS</a></li>
<li><a href="imprimeur-ecolo-produits.php?cat_id=2">DEPLIANTS</a></li>
<li><a href="imprimeur-ecolo-produits.php?cat_id=3">BROCHURES A5</a></li>
<li><a href="imprimeur-ecolo-produits.php?cat_id=4">BROCHURES A4</a></li>
<li><a href="imprimeur-ecolo-produits.php?cat_id=5">AFFICHES</a></li>
<li><a href="imprimeur-ecolo-produits.php?cat_id=6">CARTES DE VISITE</a></li>
<li><a href="imprimeur-ecolo-produits.php?cat_id=7">CARTES DE CORRESPONDANCE</a></li>
<li><a href="imprimeur-ecolo-produits.php?cat_id=8">ENTETES DE LETTRES</a></li>
</ul>
css :
-
#index-prods-list{
list-style-type:none;
margin:0px 0px 0px 50px;
width:350px;
}
#index-prods-list li a{
display:block;
height:27px;
color:#FFFFFF;
text-decoration:none;
font-style:normal;
letter-spacing:2px;
background-image:url(../imprimeur-ecolo-recyclee-images/index-list-li-bg.png);
background-position:0px 0px;
background-repeat:no-repeat;
padding: 3px 0px 0px 30px;
}
#index-prods-list li a:hover{
background-position:0px -40px;
color:#0A0E0F;
}
#index-prods-list li a.index-li-a-sel{
background-position:0px -80px;
color:#0A0E0F;
}
a.link-with-disk{
display:block;
height:27px;
color:#FFFFFF;
text-decoration:none;
font-style:normal;
background-image:url(../imprimeur-ecolo-recyclee-images/index-list-li-bg.png);
background-position:0px 0px;
background-repeat:no-repeat;
padding: 3px 0px 0px 30px;
}
a.link-with-disk:hover{
background-position:0px -40px;
color:#0A0E0F;
}
thanks for any ideas you may have