IE and WebKit browsers seem to agree that “position: absolute” when applied to “display: inline-block” (or, in the case of IE7, simple “inline” elements with “hasLayout”) should result in blocks located in line. That is, using:
Hello there <label style='position: absolute; display: inline-block'>sir</label>
these browsers will show:
Hello theresir
or
Hello there sir
However, Firefox (3 and above, I think) will give the following:
Hello there sir
That is, they force the "inline block" element to start on a new line. Now this is clearly not what "inline-block" does without being combined with "position: absolute", and this does not mean that "position: absolute" does without "display: inline-block". Is it a mistake, or just a bad (ambiguous) specification?
Here is a very simple jsfiddle.
(edit - maybe what Firefox does with "position: absolute" and no "display") ...
css firefox
Pointy
source share