icon white background problem in IE

[PHPSuperNewb]

Hello everyone,

 

I have no idea if this is the right forum to ask this so please move this if nessecary.

I have a problem with icons being displayed in my url bar, tabs and favorites.

 

I've created an icon with a transparant background using alpha channels.

I did this so that the "famous" white background behind an icon gets removed.

The problem however is that my icon does get displayed properly in firefox but not in internet explorer.

 

I've put the .png I used to create the .ico and 2 pictures of how the

icon looks inside firefox and internet explorer in the attachments.

As you can see in internet explorer it displays a white background however in firefox it doesn't.

 

My .ico file is converted through an online png to ico converter and is 16x16.

 

I used the following html to add the icon to my url and tab bar:

        <link rel="icon" href="templates/afbeeldingen/blood.png" type="image/png"/>
        <link rel="shortcut icon" href="templates/afbeeldingen/blood.ico" />

 

I've read somewhere that putting the <link rel="icon"> infront of the <link rel="shortcut icon"> would make it so that it'll work for different browsers. I'm not sure about this. If anyone could explain to me what I'm doing wrong I highly appreciate it.

 

[attachment deleted by admin]

[PHPSuperNewb]

ok, so for some reason as long as my icon was called blood.ico inside my folder it would have a white background. I changed it to anothername.ico inside that folder and now all of a sudden it works in both browsers :S?

Really strange but solved? 

 

I really don't get it :S