Маржа не будет прокручиваться в Internet Explorer 8

Question

В Chrome, Firefox и Safari приведенный ниже CSS добавляет поле в 100 пикселей вверху страницы, и поле исчезает при прокрутке вниз. Это то, что я хочу.

В Internet Explorer 8 поле остается в верхней части браузера независимо от того, как далеко вы прокручиваете страницу. Как мне заставить его вести себя так же, как в других браузерах?

body {
   border-top: 100px solid #DE2A00;
   margin: 0;
   padding: 0;
   }

Answer 1

Во-первых, у вас есть border-top:100px solid #DE2A00; на теге body, который не будет создавать поля, а во-вторых, вы даете margin:0;, чтобы поле работало, так что это совершенно неверно css в соответствии с вашими требованиями.

Если выхотите выделить поле сверху в теге body, затем см. ниже css

body
{
margin: 100px 0 0; /* or margin-top:100px; or  margin: 100px 0 0 0 ;*/
padding: 0;
}