Jag försöker lägga till en skugga till en bild som jag variera i bredden. Detta funkar alldeles utmärkt så klar i firefox men självklart ska explorer alltid jävlas. Av någon anledning skapar den en extra padding på 3 pixlar neråt och hela skuggeffekten förstörs. Vaför?
Värt att veta är att denna kod ligger i table som ligger i table som ligger i en table. Detta kodavsnitt är så klart inte helt klart men jag vill få bort felet innan jag börjar på detaljer.
Koden jag arbetar med är inte min från början så kan det vara så att något ärver något från någon högre makt om man säger så? Hur kan jag lättast kolla upp det i sådana fall.
Kod:
<div style="float:left">
<div style="background-color:#FFF; background-image:url(images/r_shadow.jpg); background-position:bottom right; background-repeat:no-repeat;">
<div style="background-image:url(images/l_shadow.jpg); background-position:top left; background-repeat:no-repeat; padding:8px;">
<a href="productimages/IMG_0214.JPG" rel="lightbox[bilder]"><img src="images/product2.jpg" alt="" width="120" height="90"></a>
</div>
</div>
<div>
*Some led strips
</div>
</div>