html - Firefox Issue: Relative-positioned Table-cell Fails to Serve as Parent -


i've discovered interesting layout issue seemingly present in firefox.

elements display:table-cell; fail serve positional parent descendants position:absolute;.

that is, i've been surprised learn firefox has issues absolutely positioning little icon critter corner of table-cell'd element other browsers.

    jsfiddle demonstration


desired result (chrome):

chrome perfect output

firefox result:

firefox problematic output


interestingly, ie8 produces desired result.
  what's favorite workaround?

so far, i've found lame-and-obvious solution.

the desired result can achieved in firefox adding lame wrapper <div> display:block; , position:relative applied within table-cell.

wrapper solution jsfiddle

hoping can find solution doesn't require me meddle dom firefox.


Comments

Popular posts from this blog

java - Run a .jar on Heroku -

java - Jtable duplicate Rows -

validation - How to pass paramaters like unix into windows batch file -