Internet Explorer unable to render any kind of background color for the <main> element.

Internet Explorer 11 does not support the <main> element. Add support using Modernizr of the following JS −

document.createElement('main');

Adding the above element, will not give you the element for the browser, therefore, you need to use the following CSS finally −

main {
   display:block;
}