User:The Rooster/Sandpit/6

Actually, yet more investigation yields the fact FF takes x-small as 10px, but IE as 10.05px AND IE appears to have a cumulative rounding error problem to boot. 90% would still just about round down but IE thinks otherwise. 85% still seems the best option for getting any level of consistency in this regard.

---

It appears that main.css defines a font-size of x-small. Then later another class boosts this by 127% (why 127? god knows)

Both browsers appear to take x-small as 10px on default settings. Thus render a default size of 12.7px which gets rounded to 13px. FF appears to get it right at 12.7px. IE likes 12.8px better (rounding error after so many levels?)

Whilst these both round to 13px nominally, it might explain some of differences when applying another layer inline.

For example, an additional value of 90% inline would result in 11.43 for FF, but 11.52 for IE, so FF goes for 11px and IE 12px.

In this case, scaling values can be chosen, but need merely be carefully picked to avoid values that generate these differentiating results.

The quick brown fox jumped over the lazy dog. x-small * 127%

The quick brown fox jumped over the lazy dog. as before*90%

The quick brown fox jumped over the lazy dog. 11px

The quick brown fox jumped over the lazy dog. 12px

The quick brown fox jumped over the lazy dog. 13px