<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Background With Pattern</title>
<style>
#top-bg
{
top:0px;
left:0px;
background-image:url("merged.jpg");
background-repeat:repeat-x;
background-position:bottom;
min-width: 100%;
min-height: 100%;
position:absolute;
z-index:1;
margin:0;
padding:0;
border:0;
}
body{
background-image:url("bg-repeat.gif");
background-repeat:repeat;
min-width: 100%;
min-height: 100%;
margin:0;
padding:0;
border:0;
}
#content
{
padding: 7px;
}
</style>
</head>
<body>
<div id="top-bg">
<div id="content">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur aliquam porta felis commodo feugiat. Sed molestie, leo quis vehicula tristique, risus sapien rutrum neque, nec mattis libero eros quis mi. Curabitur eget mi in ante tristique auctor posuere vel neque. Nam scelerisque luctus augue eu commodo. Sed vel velit sem. Curabitur id nibh eget neque blandit lacinia sed nec orci. Integer ultrices nibh dolor, at auctor quam. Vivamus eget sapien at lectus rutrum ornare eget tincidunt velit. Phasellus quam enim, faucibus vitae lacinia id, rutrum id odio. Vestibulum id eleifend sem.</p>
<p>Ut id odio nibh. Duis turpis ante, viverra vel cursus vel, scelerisque et enim. Duis vel leo non mauris rhoncus consequat vitae sit amet sem. Vestibulum laoreet felis eget felis volutpat tincidunt. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Praesent nec lorem non mi tincidunt facilisis. Suspendisse potenti. Ut in urna mi. Cras euismod urna at ipsum mattis tempor. Etiam a eros nulla, id molestie magna. In hac habitasse platea dictumst. Quisque dapibus augue sit amet urna blandit cursus.</p>
<p>Suspendisse auctor, nibh nec bibendum hendrerit, mi nunc lacinia neque, vel fringilla dolor nulla quis metus. Praesent pulvinar orci ac nunc interdum mollis. Vivamus convallis, nisi vitae tempor porta, lorem magna feugiat mauris, ac mollis urna eros ut ipsum. Pellentesque suscipit tellus ut nibh interdum ut ullamcorper mi fermentum. Quisque eu urna justo. Donec accumsan, nulla sed vulputate tristique, neque nulla dapibus velit, ut aliquam lorem tellus a sem. Ut sollicitudin tempus dolor, in aliquet nulla porttitor nec. Pellentesque dignissim urna nec nibh sagittis pretium. Aenean vehicula pharetra diam, at facilisis odio mollis quis.</p>
<p>Curabitur eget tortor leo. Suspendisse bibendum dapibus purus, eget malesuada felis luctus vel. Suspendisse id leo enim. Aenean dictum ultricies augue. Sed lacinia gravida metus, tempor pharetra elit viverra at. Curabitur viverra consectetur justo, nec sodales purus viverra ut. Nunc orci velit, accumsan nec placerat a, eleifend at libero. Praesent non ipsum tempus odio convallis faucibus. Fusce a nisl dolor, in feugiat nibh. Donec accumsan enim at risus mattis sit amet ultricies quam luctus.</p>
<p>Pellentesque dolor nisl, molestie ac dictum et, cursus et arcu. Vivamus libero ligula, consequat id sodales in, lobortis non nulla. Proin nunc arcu, lobortis at sollicitudin eu, fermentum et felis. Aliquam et condimentum nisl. Proin a quam vel diam condimentum adipiscing a sit amet nulla. Morbi id suscipit nunc. Vestibulum ullamcorper faucibus nisl, ut pretium enim rhoncus sed. Suspendisse fermentum volutpat mattis.</p>
</div>
</div>
</body>
</html>
