В одному элементу привязать 2 разных background не получится. Выход, делаем так:
Код HTML:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title></title>
<style type="text/css">
* { border: 0; margin: 0; padding: 0; }
#main { margin: 0 auto; width: 1000px; }
#main #header { background: #fff url(header.jpg) no-repeat 0 0; height: 625px; }
#main #content { height: 700px; }
#main #footer { background: #fff url(footer.jpg) no-repeat 0 0; height: 102px; }
</style>
</head>
<body>
<div id="main">
<div id="header">
</div>
<div id="content">
</div>
<div id="footer">
</div>
</div>
</body>
</html>
Верхний background без разницы к чему установить, это может быть body, #main или #header. Пример
http://www.seomax.info/html/background/ Если речь о каком-то блоке, то в любом случае придется в нижнюю часть добавить еще один элемент.