Issue description

UserAgent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_8_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/30.0.1599.69 Safari/537.36
Example URL:
http://jsfiddle.net/stubbornella/2z3Zc/5/
Steps to reproduce the problem:
1. Create a parent element with a width of 75% and a border (so you can see the edges)
2. Put a table inside with a width of 100% and a background color (so you can see the edges)
3. Expand and shrink the browser window
What is the expected behavior?
A table set to width: 100% or height: 100% should always fill it's parent element.
What went wrong?
At even widths, the table will fill the parent, at odd widths, it will not. Height works the same way. When the height or width of the parent are an odd pixel value, there is a 1px gap between the edge of the parent and the table inside.
Does it occur on multiple sites: Yes
Is it a problem with a plugin? No
Did this work before? N/A
Does this work in other browsers? Yes Safari 6.0.5, Firefox 22, Firefox 23.01,
Chrome version: 30.0.1599.69 Channel: stable
OS Version: OS X 10.8.5
Flash Version: Shockwave Flash 11.9 r900
This is broken for twitter bootstrap. There is a discussion around it here:
https://github.com/twbs/bootstrap/issues/11000#issuecomment-26221844