[solved]IE8 - print icon with border

[HoofArted]

I have a problem with the print icon displayed in IE8. It is shown with a 2px blue border around the image, even though it is wrapped in DIV where I specifically set border-width: 0px.

The visual description of the problem:

Looks fine in Chrome and Mozilla:


But not in IE8:



The DIV which is used:

Code: Select all

        height: 16px;
        width: 10%;
        float: left;
        text-align: right; 
        padding: 0 0 4px 0;
        border-width: 0px;

HTML:

<div id="novica_natisni"><a href="http://www.mysite.com/index.php?mact=CM ... Y21zbXMvaW
5kZXgucGhwP21hY3Q9TmV3cyxjbnRudDAxLGRldGFpbCwwJmN
udG50MDFhcnRpY2xlaWQ9NCZjbnRudDAxb3JpZ2lkPTYwJmNudG50MDFyZXR1cm5pZD02MSZzaG9
3dGVtcGxhdGU9ZmFsc2U%3D&cntnt01pageid=61&cntnt01script=
1&cntnt01returnid=61" class="noprint" target='_blank' rel="nofollow"> <img src="modules/CMSPrinting/printbutton.gif" title="Natisni to stran" alt="Natisni to stran" />
</a></div>

Any idea how to fix it or is it (yet another) general know IE bug we can't do anything about it?

[HoofArted]

Ok, so I fixed the problem by adding:

Code: Select all

#printicon  img {
       border-width: 0px;
}

Although it's working, I feel it's a bit clumsy way around...

[Dr.CSS]

A lot of the default template CSS has img { border: none } ....