Image border not appearing in IE while border called through CSS

[josephbastin]

Hi,I tried putting border for my thumbnail images using css, calling a class. But the effect is properly coming in FireFox and Netscape 8, but not working in IE. Could you please help me out. I've pasted the code below.CSSdiv#woodpecker_content { padding: 5px; width: auto; display: block;}img.thumbnail { border: 1px solid #DC7B48;}img.thumbnail:link, img.thumbnail:visited { border: 1px solid #DC7B48;}img.thumbnail:hover { border: 1px solid #000000;}div.float_left { float: left; padding-right: 5px;}HTML CODE<div id="woodpecker_content"><div class="float_left"><a href="#"><img src="assets/images/common/tn_camera.gif" alt="" title="No Thumbnail" class="thumbnail" /></a></div>Information about woodpecker should come here. Information about woodpecker should come here. Information about woodpecker should come here. Information about woodpecker should come here. Information about woodpecker should come here.</div>

[jlhaslip]

Have you tried being more 'specific' in the attribute definitions?

div#woodpecker_content {padding: 5px;width: auto;display: block;}div#woodpecker_content  img.thumbnail {border: 1px solid #DC7B48;}div#woodpecker_content  img.thumbnail:link, div#woodpecker_content  img.thumbnail:visited {border: 1px solid #DC7B48;}div#woodpecker_content  img.thumbnail:hover {border: 1px solid #000000;}div.float_left {float: left;padding-right: 5px;}