IEでのmain 要素

mainは、HTML5 から追加された要素です、使用する場合に、気を付ける必要があります。
IE9 ~ IE11では、main 要素の display プロパティの規定値は inlineとなっています。

ChromeとFireFoxなどは、main 要素の displayプロパティの規定値はdisplay:block;なので

ウェブサイトの構成をmain要素で指定するには、main要素にdisplay:blockを指定する必要があります。

IEでmain要素に対してpaddinngの上下やマージン、高さなどがうまく働かないば場合、CSSをチェックしてみるとよいでしょう。

ブラウザ間でのレイアウトの違いは、ブラウザごとの仕様によって違うので、気を付けていきたいですね。