outerWidth(true) off by one pixel in IE 11 and FF 25 but not Chrome 31

[me@…]

​http://jsfiddle.net/aC5M6/

In the above Fiddle, the existence of font-family: sans-serif in the * selector causes IE 11 and FF 25 to calculate an outerWidth(true) that is one pixel too small, causing some li elements to wrap. Chrome 31 renders the li elements just fine in either case. Rem

I first encountered this bug while using SimpleModal 1.4.4, which uses jQuery's outerWidth(true) method to calculated a modal dialog's width.

[me@…]

Note that I am testing this on Windows 8.1 Pro with ClearType turned on.

[me@…]

Here is my accompanying StackOverflow thread: ​http://stackoverflow.com/questions/20087491/setting-font-family-to-sans-serif-causes-jquery-to-calculate-incorrect-outerwidt

[me@…]

One additional note: this bug occurs in IE 9+ (tested by using IE 11's document modes).

[dmethvin]

Duplicate of #9628.
The SO thread referenced in comment 2 explains the problem, we already have an open ticket #9628 for it so I will close this as a dup.

The solution is complicated because a lot of code will break if we just start returning non-integer values. Also, .width() and .height() will attempt to determine the actual dimensions of elements currently set to display: none which requires temporary swapping of display properties.