Why the favicon is different on the other pages

I have a the home page which has a favicon which is transparent here but on the other pages on the site the is a favico开发者_StackOverflow中文版n with a outer white here

How is that possible if its the same favicon ...or is it different...i am viewing source and they appear to be pulling from the same location...could it be css related

You are setting two different icons in inner pages:

<link rel="shortcut icon" href="/favicon.ico" />
<link rel="shortcut icon" href="/pre_config/css/images/favicon.ico" />

I navigate these sites, with Google Chrome and IE8 and both icons are transparent.

Maybe, its a local cache.

They both look the same to me (Chrome).

I've found that favicon sometimes takes a while to propagate through caches, etc. There's no mechanism to set different icons for different pages. I suspect you just need to wait, or try a different browser that doesn't have the old images cached.