Интересная проблема. @Zlatev определенно прав, вы, вероятно, должны использовать стили <div> в тегах <html> и <body>.
Я попытался поэкспериментировать с ним, и обнаружил, что если вы поместите фон в тег <body>, он все равно переполнится, заполняя всю страницу, однако, если вы укажете фон для тега <body>, а затем объявите У тега <html> другой фон (скажем, белый), похоже, вы надеялись, что он будет.
<!doctype html>
<head>
<link rel="shortcut icon" type="image/x-icon" href="faviconNoFap.ico" />
<style type="text/css">
html {
background: white;
}
body {
width: 760px;
margin: 55px auto 0 auto;
border: solid 1px;
font-family: Hoefler;
background: #e4e4e4;
}
h2 {
margin-top: 0.5em;
border-bottom: dotted 1px;
font-family: Helvetica, sans-serif;
}
</style>
<title>Test title of a test web-page</title>
</head>
<body>
<h2>Heading Heading Heading Heading</h2>
<p>Text text text text text text text text text.</p>
<p>Text text text text text text text text text.</p>
<p>Text text text text text text text text text.</p>
<p>Text text text text text text text text text.</p>
<h2>Heading Heading Heading Heading</h2>
<p>Text text text text text text text text text.</p>
<p>Text text text text text text text text text.</p>
<p>Text text text text text text text text text.</p>
<p>Text text text text text text text text text.</p>
</body>
</html>