calendar icon on icloud.com all messed up in Firefox

Looks fine for me in Firefox 22.

Have you tried clearing your browser cache?

I had the same problem. I contacted Mozilla about it, they said this, which fixed it:

You can set the layout.css.devPixelsPerPx pref on the about:config page to 1.0 (current default value is -1.0) to restore the behavior of previous Firefox versions.

I set that parameter to 1.0 and it fixed the calendar icon problem, but it makes everything much smaller. Try it, see if it fixes your problem (don't worry, you can always set it back to -1.0) (you will get a warning when you go to about:config, that's normal).

Here's the link to the thread on Mozilla's site:

https://support.mozilla.org/en-US/questions/965952

According to them:

This would mean that the script that iCloud uses needs some adjustments to make it work properly with current versions.

I found another related setting, the "Make text or other items larger or smaller" setting. If I have that set to the smallest setting, then I can have layout.css.devPixelsPerPx set to -1.0 and the icon is fine. If I change the text size to Medium, then the icon is messed up, and I need layout.css.devPixelsPerPx set to 1.0 to fix it.

I have this issue when i use the zoom command in firefox.. when i zoom its ok but when i close firefox then reload icloud.com the image is distorted (as it must remember the zoom level from previous session).. i need to clear my broswer history (cache,cookies offine web site data, site prefereneces the whole lot) then go to icloud.com and its fixed just dont zoom in ( Ctrl + ) on icloud page .. i have had that issue on all versions of windows and both text setting (small 100% and medium 150% ) the issue is on my main pc (1080p) and my laptop (1440x900p)

Hi Sean From Irl (Paddy from Irl here! haha).

My home laptop is 1920x1080 and my work PC is 1440x900 and the calendar icon was distorted on both. I changed the "layout.css.devPixelsPerPx" in Firefox to -1.5 and now the icon appears perfectly and it hasn't affected any other sites in terms of small text etc. If it does, I simply hold down + and scroll the mouse to zoom in. Problem solved (thankfully!) Such a small thing but it annoyed me every time I seen it!

Hope this helps anyeone having the same issue.

Hello.

I found the same problem with the last versions of firefox and last version of icloud.com website.

I solved the issue not with the one cited above, which was not working for me, but changing the value of the parameter layout.css.dpi from -1 to -2.

I'm using firefox 31.0 (beta) and windows 7.

Hope that this helps other guys with same problem.