Why doesn't Chrome increase the width / height of the div to enlarge the page?

Question

Try to scale (using the page zoom function, for example cmd +) this HTML / CSS snippet in Firefox:

http://jsfiddle.net/W68eL/4/

Now try the same thing in Chrome.

For some reason, Chrome does not increase the width / height of the content field, but at the same time scales the border. I would almost consider it a mistake.

Does anyone know of workarounds?

Edit:

I wrote a question here , we will see what the answers are.

Answer 1

Maybe he should do something with the "em" property. It works differently for both Firefox and Chrome.

I took 20px instead of 1em and then ran it in both browsers. The effect was the same.

Try: http://jsfiddle.net/W68eL/5/