User Agent: Mozilla/5.0 (Windows NT 6.3; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/40.0.2214.6 Safari/537.36 Steps to reproduce: 1. Create a table with a 10px border (or a div with display: table;) 2. Set the table to position: relative; 3. Add a table cell 4. Inside the table cell, add a content div with position: absolute; top: 0; left: 0; Demo: http://jsfiddle.net/rpd67gkz/ Actual results: The content div is positioned *on top* of the border. Expected results: The content div should be positioned *inside* the border as it normally is inside a positioned container of a different type. Chrome and Opera behave as expected.
IE11 has the same rendering as FF.
Component: Untriaged → Layout: Tables
Product: Firefox → Core
The rendering is correct per spec, and the rendering in Chrome is a bug you should probably report to them. The containing block is the table wrapper box. See standards thread at http://lists.w3.org/Archives/Public/www-style/2014Mar/0208.html and following.
Status: UNCONFIRMED → RESOLVED
Last Resolved: 4 years ago
Resolution: --- → INVALID
And in particular, Chrome's behavior is totally broken when captions are involved.
You need to log in before you can comment on or make changes to this bug.