Regarding DocTypes and Calendar Formatting In Different Browsers

I am trying to make a background image height to be 100% in a div container tag, which would be operational under all browsers, e.g. IE, Opera, Firefox.

So far IE seems to be the most compatiable with the coding I have in place. However both Opera and Firefox have both failed at extending 100% height, and when they do succeed, the calendar formatting seems to be messed up.

I’ve done some research on google, and it says to remove the URI from the doctype tag to make it compatible with Opera or Firefox browsers, however in doing so, the Calendar formatting changes.

I have done some screenshots and pasted some coding for reference.

https://wordpress.pastebin.com/f47442b37 – index.php -> Calendar messed up situation

<img src=”https://img.photobucket.com/albums/v441/Vietknight/Wordpress%20Support/calendarmessedup-bottom.jpg&#8221; border=”0″ alt=”Photobucket”>

<img src=”https://img.photobucket.com/albums/v441/Vietknight/Wordpress%20Support/calendarmessedup.jpg&#8221; border=”0″ alt=”Photobucket”>

————————————————————————

https://wordpress.pastebin.com/f42c1ecd3 – index.php -> Calendar not messed up situation

<img src=”https://img.photobucket.com/albums/v441/Vietknight/Wordpress%20Support/calendarnotmessedup-1.jpg&#8221; border=”0″ alt=”Photobucket”>

<img src=”https://img.photobucket.com/albums/v441/Vietknight/Wordpress%20Support/calendarnotmessedup-bottom.jpg&#8221; border=”0″ alt=”Photobucket”>

https://wordpress.pastebin.com/f28f9dfe6 – CSS File

Any help is appreciated