Question

I’ve found some references to bugs or issues in IE’s interpretation of CSS, but the information seems rather scattered. I’d like to have a pointer to a comprehensive overview, if such an overview exists.

edit: it’s already something that Microsoft is willing to list IE’s CSS problems (thanks mouviciel->sanchothefat), but they’re not going to offer workarounds, obviously. So workarounds would be nice too.

Thanks

Answer 1

I find the best policy to avoid pain is to follow these rules:

1. Build in a more-compliant and developer-friendly browser like firefox first, test thoroughly in IE (and safari/chrome(webkit) and opera) later
2. Use a strict doctype- avoid quirks mode, since quirks are by definition not standard
3. Use a reset style sheet
4. Use a javascript framework like jQuery or Prototype – they can hide some javascript and DOM incompatibilities.
5. Use good semantic layout- it’s more likely to degrade nicely for a mis-behaving browser
6. Accept that it won’t be perfect and don’t sweat the really small variances

Follow those rules I don’t have as many problems in the first place.