Quote:
body {
...
padding: 18em;
}
|
What on earth induced you to add a 18em padding around (and inside) the text body? This goes in all 4 sides, so it's effectively 36em narrower and shorter... I'm not surprised it caused havoc.
Quote:
html, body { height: 100%;
|
I don't know what's the purpose of that, it looks redundant at best. It might be expected that the "100%" refers to the screen height, but I don't think it works that way, I've learned that relative heights tend to fall on your head.