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.