PayneLess Designs - Scroll Boxes With Shared Background Image

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html><head>
<title>Scroll Boxes With Shared Background Image</title>
<meta name="created" content="Sun, 23 May 2010 03:30:31 GMT">
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<meta name="description" content="">
<meta name="keywords" content="">
<style type="text/css">
* { margin: 0; padding: 0; border: 0; }

div#wrap {
width: 800px;
height: 472px;
margin: 0 auto;
background: url(http://i50.tinypic.com/mkci88) no-repeat center scroll;
color: #0ff;
}

div#left {
float: left;
height: 210px;
margin-left: 2%;
text-align: center;
color: #fed1b5;
}

div#right {
float: right;
height: 210px;
margin-right: 1%;
text-align: center;
color: #f0f;
}

div#left, div#right {
width: 330px;
overflow: auto;
margin-top: 7%;
font-weight:300;
}

div#right p#wht {
color: #fff;
 }

div#right p.odd {
color: #00acff;
}
</style>
</head>
<body>
<div id="wrap"><!-- START Wrap -->

<div id="left"><!-- START Left -->
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in.
</div><!-- END Left -->


<div id="right"><!-- START Right -->
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in.</p>

<p id="wht">White Text Here. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in.</p>

<p class="odd"><strong>Bold Text Here. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in.</strong>
</div><!-- END Right -->

</div><!-- END Wrap -->
</body></html>