野生动物园的边缘顶部不同于chrome和Firefox

Question

I currently am using a margin to push page content out from under a fixed header. To match the header's height of 110px, i've given the content a margin of 110px. I've seen safari having issues with margin % but not with a set pixel size. For complicated reasons this needs to be done with a top margin, but safari is ignoring it. It does say when i view the source that there is a margin of 110px, but it's behaving as if there's a margin of ~20px. So:

1. why is this happening?
2. how do i fix it?

EDIT

This is built on a bootstrap theme from hell.

Answer 1

I think padding is no option here? have you tried applying box-sizing: border-box to your CSS?

html {
box-sizing: border-box;
}
*, *:before, *:after {
box-sizing: inherit;
}

EDIT: have you tried

top: 110px;

?

EDIT: Adding a DIV with the height of 110px? Brute force ... ;) Ten years ago i would have used a transparent 1x1px GIF and set it's height to 110px.