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/
The inner element was hidden and there was an ellipsis in the outer element.
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:
"... 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":
"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.
*** This bug has been marked as a duplicate of bug 690187 ***