User Agent: Mozilla/5.0 (Windows NT 6.1; WOW64; rv:7.0) Gecko/20100101 Firefox/7.0 Build ID: 20110922153450 Steps to reproduce: I placed a wide inline-block element in a smaller container with text-overflow:ellipsis. See http://jsfiddle.net/4y2N6/ Actual results: The inner element was hidden and there was an ellipsis in the outer element. Expected results: Since the inner element wasn't text-related, the text-overflow property shouldn't have been triggered.
This is the correct rendering per the relevant specs: http://dev.w3.org/csswg/css3-ui/#text-overflow "... implementations must hide characters and atomic inline-level elements at the applicable edge(s) of the line as necessary to fit the ellipsis/string" and an inline-block is "atomic inline-level": http://www.w3.org/TR/CSS21/visuren.html#inline-boxes "Inline-level boxes that are not inline boxes (such as replaced inline-level elements, inline-block elements, and inline-table elements) are called atomic inline-level boxes because they participate in their inline formatting context as a single opaque box."
Mozilla/5.0 (Windows NT 5.1; rv:10.0a1) Gecko/20111014 Firefox/10.0a1 Not fixed with bug 684266
The specification changed an this might be fixed soon.