Chrome y Safari calculan márgenes incorrectamente cuando el niño es más ancho que el padre

Aquí hay un ejemplo (aparecerá un cuadro de alerta con los resultados). Ejecuta esto en Firefox y luego en Chrome y / o Safari.

http://jsfiddle.net/QeaVM/

Observe cómo FF incluye correctamente los márgenes izquierdo y derecho en el cálculo del ancho exterior. Observe cómo Safari / Chrome declara incorrectamente que el ancho exterior de #Container es igual al de #Frame.

Además, tenga en cuenta que Safari / Chrome informa incorrectamente el margen derecho de # Container como un número negativo cuando se establece explícitamente en 300px

¿Es esto un error en web-kit o jquery?

Al mirar la página en los inspectores para ambos navegadores (ignorando el javascript por completo) puede ver las mismas diferencias (lo que descarta jQuery).

Parece extraño y parece que se ha informado de un error en el webkit.

https://bugs.webkit.org/show_bug.cgi?id=13343

https://bugs.webkit.org/show_bug.cgi?id=24511

Los comentarios mencionan una solución alternativa “Una solución alternativa es configurar el elemento a mostrar: ninguno (o bloque en línea), medir el margen y luego volver a configurar la visualización en bloque”.