Image corrupt or truncated: <unknown> error in Firefox

[Daniel15]

Firstly, sorry if this is in the wrong forum... Wasn't too sure where to put it.

I'm not sure if it's some addon I've got installed or something, but whenever I go to my personal site (http://dan.cx) in Firefox, I get the following error message in the Firefox error console (and in Firebug's console):

Image corrupt or truncated: <unknown>

Anyone know what could be causing this? Opera and Chrome don't seem to throw any errors like this, and I haven't gotten any errors like this on other sites I've tested in Firefox.

Thanks!

[ralph.m]

No such message for Me in Firefox (Mac) and nothing in the console except notes about border-radius. Site looks fine.

[Daniel15]

Very odd. I tried disabling all my add-ons and am still getting it (I'm using Firefox 4.0 on Windows 7)

[xhtmlcoder]

No error for me either were you using; base64 or something weird with JavaScript? It could even be the favicon. In either case clear you cache completely first and reboot, and see if you still get the same.

[EarlyOut]

I am seeing that error message in the error console. But before chasing that down, you might want to correct other errors, just to see if this particular error is one of those "cascade" type errors. In other words, something else is wrong, something apparently unrelated, which then leads to this error.

I ran your CSS through a validator, and found a number of parse errors, along with a few instances of things like "font-weigt" (misspelled). The parse errors involved things like missing semi-colons, which can cause havoc in unexpected ways. I'd fix all of those, first.

Your HTML also fails validation, mostly for meta tags that it doesn't like.

[Daniel15]

I ran your CSS through a validator, and found a number of parse errors, along with a few instances of things like "font-weigt" (misspelled). The parse errors involved things like missing semi-colons, which can cause havoc in unexpected ways. I'd fix all of those, first.

Ooh, thanks, will definitely do that!
Edit: Which validator did you use? I'm trying the one at http://jigsaw.w3.org/css-validator/ but it only seems to be pointing out things like "-moz-border-radius".

Your HTML also fails validation, mostly for meta tags that it doesn't like.

Probably the meta tags that Facebok requires... I can't really remove them as I'm using the Facebook "Like" buttons on my blog, which require the meta tags to be present.

[Paul O'B]

Hi,

Looks like the error message is noted in this mozilla bug.

It looks like its your favicon image that is causing the problem as you have changed the extension to .ico but its still a png image as far as I can ascertain. You need to convert it to an icon image (of type .ico).