Question

I have a CSS class:

#CenterColumnWrapper
{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;

    padding-top: 25px;
}

In HTML:

<div id="CenterColumnWrapper"><div>

When I test this in Chrome and Opera everything is okay, but when I test it in Firefox, it ignores the box-sizing.

Why? And what can I do to solve this?

Answer 1

A good way to see why Firefox is ignoring your CSS is to use the Firebug addon. With Firebug you can see what part of the CSS is applied to a certain element, in this case the #CenterColumnWrapper.