Bug 144696

Created attachment 252491 [details] Screenshot of example demonstrating bug Platform: OS X Yosemite Safari Version: 8.0.5 (10600.5.17) Summary: Adding a `width: 1%;` style to a nested table cell causes its sibling cell to hog horizontal space. Firefox and IE11/Edge don't suffer from this problem. To reproduce: 1. Open http://jsfiddle.net/eejzdf4a/ in Safari. 2. Look at the Result pane in the lower-right of the window. Expected results: In the portion of the example titled "Wonky", the green and yellow cells should each take up a somewhat equal amount of horizontal space. The green and yellow cells should have the same boundaries that they do in the portion of the example titled '"Fixed" by removing the one-percent class'. (See the Firefox screenshot. IE11/Edge gives the same result as Firefox.) Actual results: In the portion of the example titled "Wonky", the green cell takes up a very small amount of horizontal space, whereas the yellow cell takes up almost all of the horizontal space. The green and yellow cells have different boundaries than they do in the portion of the example titled '"Fixed" by removing the one-percent class'. (See the Safari screenshot.) Bootstrap bug report: https://github.com/twbs/bootstrap/issues/16372 Original corresponding Chrome bug report: https://code.google.com/p/chromium/issues/detail?id=427994 Other, more complex example of the bug, that uses Bootstrap: http://jsfiddle.net/rq3shh3t/2/