html - Firefox enlarges border if nested div if position extends outside -


i'm struggling difference between webkit , firefox: if 1 div (b) nested in (a) (both having css position absolute) b geometrically outside a. desired both webkit , iexplorer do:

|---------------|           desired !! (webkit,iexplorer) |a              | |               | |            |--|------| |            |b |      |  |            |  |      |  |            |--|------| |               | |---------------| 

i.e. chrome: shows b outside a, both have expected border size

but firefox: enlarges border of go around.

|-----------------------|      firefox,  why ... ??? |a                      | |                       | |            |---------|| |            |b        ||  |            |         ||  |            |---------|| |                       | |-----------------------| 

how can force firefox behave chrome/safari(and iexplorer) ? take @ https://jsfiddle.net/r29knz8z/4/

is firefox bug ?

the problem in case seems css property outline. if remove , mark boxes other way (border, background-color or that), example displayed correctly in firefox well.

according this article, though it's few years old, firefox has problems outline. might idea replacing in code.


Comments

Popular posts from this blog

asp.net mvc - SSO between MVCForum and Umbraco7 -

Python Tkinter keyboard using bind -

ubuntu - Selenium Node Not Connecting to Hub, Not Opening Port -