Firefox: img i span - forklaring ønskes
Jeg har lavet et meget lille eksempel som indeholder to billeder der ligger i hvert sit span. Eksemplet giver ret forskellige resultater i NS/Firefox og IE/Opera, er der nogen der kan forklare mig hvorfor?Jeg går ud fra at svaret indeholder noget med "Firefox gør det rigtigt og IE/Opera tager fejl", men hvorfor kan jeg ikke få en span til at omslutte et billede i Firefox (billedet rager jo langt uden for rammen)? Begge dele er inline-elementer svjv, men det er tilsyneladende ikke nok...
--- kode ---
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
.test {
border: solid 1px;
width: 30%;
}
.test img {
width: 40%;
}
-->
</style>
</head>
<body>
<span class='test'><img src='billede.gif'></span>
<span class='test'><img src='billede.gif'></span>
</body>
</html>