CSS "contorno" comportamiento diferente comportamiento en WebKit y Gecko

Question

estoy trabajando en un experimento & descubrí que la propiedad CSS2 "esquema" no se aplica de la misma manera en WebKit Gecko &

En el siguiente script , Tengo una div posición absoluta dentro de otro div pero flotando fuera de él. El esquema en Webkit describe el div principal real mientras está en Gecko, se expande para cubrir el elemento hijo.

http://jsfiddle.net/KrCs4/

Me estoy perdiendo algo? ¿Hay alguna propiedad que deba sobrescribir en Gecko? o debe ser reportado como un error?

Webkit Captura de pantalla:

Firefox Captura de pantalla:

EDIT:

Está confirmado que trata de un error y he aquí una solución: http://jsfiddle.net/7Vfee/ (Es necesario asegúrese de que el padre esté posicionado: relativo o absoluto para t su solución para trabajar.

Answer 1

Este comportamiento inconsistente de Gecko es bien conocido y muy adecuadamente documentado, aunque curiosamente no en MDN pero al SitePoint Reference:

Firefox hasta e incluyendo la versión 3.5 se dibuja el contorno contorno alrededor del contenido de un elemento que ha desbordado sus límites en lugar de las dimensiones del conjunto real del elemento.

Esto sigue afectando a todas las versiones de Firefox. No veo una solución viable para él en este momento, aparte de quitar su div absolutamente posicionado de su padre y colocarlo relativo a ... algo más.

Answer 2

que tenían el mismo problema, así que lo cambió el uso de esquema para utilizar un box-shadow:

box-shadow: 0px 0px 0px 1px #FFF; 

en lugar de

outline:1px #dcdcdc solid;