Вам необходимо применить фоновое изображение к содержащему div с полем 46px.
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<style type="text/css">
#container {
background:url("../images/repeat-bg.png") repeat-y; margin-top:46px; height:600px;}
/* height:600px is only critical to the demo code and can be removed once the page has content */
</style>
</head>
<body>
<div id="container">
<!--All of your content goes here-->
</div>
</body>
</html>
В дополнение к этому методу, если поддержка этого не критична, вы могли бы быть дальновидными и принять в настоящее время очень очень поддерживаемое многоуровневое объявление CSS3.*
body {background:url("bg1.png") top no-repeat, url("bg2.png") bottom repeat-y;}