Under IE9, IE10 & IE11, in applying most, if not all, but especially those settings dealing with the //font-size// -to- //line-height// .css relationship, applying relative unit values (em, rem) with a precision of more than two (e.g. `0.8750em`) are automatically rounded to only 2 digits after the decimal point (e.g. `0.87em`) by design **[[https://connect.microsoft.com/IE/feedback/details/816709/|according to Microsoft themselves]]**.
So for wiki-Foundation visitors using the affected IE releases, this means the expected Vector [__calculated__] defaults resulting in a //font-size// of 14px (16 × 0.8750 = 14) and a //line-height// of 22.4px (14 × 1.6 = 22.4) are actually rendering a //font-size// of 13.93px (16 × 0.87 = 13.93) and a //line-height// of 22.28px (13.93 × 1.6 = 22.28) for example. Plus, any .css selectors that are defined based on or inherited from the above defined entry will also be increasingly "off" compared to non-IE users.
A simple change in the current Vector stylesheet should both begin to address this bug for IE 9, 10 & 11 users while continuing the current "support" for [as far as I've tested] IE8 at the minimum. Applying the "workaround" might even rectify all sorts of reported "mis-alignments" & such by IE users
``` lang=css, name=current, lines=4
.mw-body-content {
position: relative;
font-size: 0.8750em;
line-height: 1.6;
z-index: 0;
}
```
``` lang=css, name=proposed, lines=4
.mw-body-content {
position: relative;
font-size: 0.8750em;
font-size: calc(1.00em * 0.8750);
line-height: 1.6;
z-index: 0;
}
```
**Version:** 1.26+