Wrong page scaling in IE and in Safari and Opera?

Question

css

There is a block with a width of 100%.
Everything renders correctly in Chrome, scales correctly with the correct dimensions relative to the browser window. In other browsers, as I understand it, the emphasis comes from the width of the screen and as a result (for example, the taskbar is nailed to the right vertically), we have a horizontal scroll line and not all elements fit into the visible area, we have to scroll horizontally.
How to quickly get away from this?

Answer 1

Yes, the jambs are really mine - firebug ran through and basically bought it where, it remains to figure out how to fix it :) In any case, thanks :)

Answer 2

Try to style this block:

-moz-box-sizing: border-box;
box-sizing: border-box;

ps
I send warm greetings to w3 and the Fx browser. At a time when the Internet was won by IE and this behavior was normal, it was very easy to make rubber sites. There was no need to make love with padding and add additional blocks to achieve an acceptable result.
And Fx "well done", still do not support the property without the prefix - "super"!