Webmaster Forum / HTML, CSS, Scripts / CSS / June 2005

Hi,

Does somebody have an idea why MSIE 6 on this page

http://www.nies.ch/switzerland/fauna/index.de.php/2

does not show the "New" icon in the lower right corner of the thumbnail
like in any other browser?

The XHTML 1.1 code:

==CUT==
<table class="thumb">
<tr>
<td><a href="..."><img src="..." width="100" height="67" /><span
class="new"><img src="/pic/new2.gif" width="22" height="8" alt="New!"
/></span></a></td>
</tr>
</table>
==CUT==

The CSS 2.1 code:

==CUT==
table.thumb
{ margin-top: 0px;
 margin-bottom: 0px;
 margin-left: auto;
 margin-right: auto;
 border-spacing: 1px;
}
table.thumb td
{ width: 112px;
 height: 112px;
 vertical-align: middle;
 text-align: center;
 padding: 0px;
 margin: 0px;
 background-position: center;
 background-repeat: no-repeat;
}
table.thumb img
{ border: 0px;
 margin: 0px;
 padding: 0px;
 vertical-align: bottom;
 text-align: center;
}
span.new
{ padding: 0px;
 margin: 0px;
 border: 0px;
 width: 22px;
 height: 8px;
 margin-left: -22px;
 margin-bottom: -1px;
}
span.new img
{ border: 0px;
 border-spacing: 0px;
 padding: 0px;
 margin: 0px;
}
==CUT==

Thanks in advance,

Regards,
Bernd