Up until now I've never had a problem with Firefox displaying my sites correctly. Now, with Firefox v.4 I'm finding that it's displaying certain elements differently from earlier verisons. For example, look at my instalments page in Firefox v3.6.1:
[url removed, login to view];cPath=1_24&products_id=1652
Then look at it in Firefox v.4
You'll see that there are two issues I've noticed so far:
1. is the header menu bar. div#dropMenu which seems to have developed a bit of a padding problem.
2. is that the .gif files I'm using to hide the unit values are not placed where they're supposed to be. #instalmetnsEnterAmount and #instalmetnsHideMin
This type of problem has always been an issue with different versions of ie and I'e always used browser specific CSS files to deal with ie. However, I've never experienced this in Frirefox. Does anyone know how to tackle this? A way of targeting Firefox v.4 using CSS specific stylesheet?
I've been discussing this on the Zen Cart forum and the gurus there are convinced that the problems are caused by poor validation. On the page above for example, Firefox Validator is showing Result: 270 errors / 11 warnings.
Do you guys agree that this is the likely cause of the CSS issues? If so, who would like the task of fixing these validation errors and what's it going to cost me?