Strange png border problem

HTML & CSS
1

I finished my footer, and was checking how it looks like in IE8, unfortunately somthing strange showed up.

It shows some strange border over the site logo, firefox and chrome are displaying it corretly, no border :/.

http://dev.pececik.com/footer/ (login/pass: test/test)

Do you know why, and how can I fix it?

2

You should be able to do:


#footerLogo a img { border: 0; }
3

Yes as Ryan said above you need to get rid of the border on the image.

Some browsers decided that images that are links should get a nice blue border by default (whoever thought that was a good idea). I usually switch this off by default for all images right at the start of my stylesheet with:

img, a img {border:none}

Of course if you later want a border then just over-ride it with a more specific style.

4

Thank you guys, good to know and finally I start understanding why web designers dont like IE, as it’s probably one of many similiar issues :slight_smile: