[Interrobang]

With regard to using percent in the height and width declaration (e.g. 100%), I found this article rather informative on the subject.

Contained within are these nuggets of information:

...setting the width to 100% before removing the margins will cause the body element to overflow. Here's the CSS reset I use:

* { 
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

For this reason, I now make sure my margin and padding values are BEFORE any height ones.

This example uses vh (viewport height) units to allow the body to set a minimum height value based upon the full height of the viewport.

body { min-height: 100vh; }

I'm going to try this in my test file and see what happens.

Thanks again for everyone's input on this. I'll keep researching this and update you with my findings.