PayneLess Designs - Read Box Code

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html><head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>Read Box Code</title>
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="author" content="">
<style type="text/css">
* { margin: 0; padding: 0; border: 0; }
body { background: #000; }
h1, h4 { text-align: center; }
#wrap {
width: 800px;
height: 600px;
margin: 0 auto;
background: url(http://i160.photobucket.com/albums/t184/PayneLess_Designs/Backgrounds/bg_3d_face_happy_md_wht.jpg) repeat top left scroll;
}

#box {
width: 400px;
margin: 0 auto;
overflow: auto;
position: absolute;
top: 25%;
left: 34%;
border: 1em inset #0f0;
padding: 2px;
text-align: justify;
background: transparent;
font-family: arial, 'times new roman' sans-serif;
font-size: 1.5em;
color: #fff;
}
</style>

<!--[if IE]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<style type="text/css">
#box {
width: 400px;
margin: 0 auto;
overflow: auto;
border: 1em inset #0f0;
padding: 2px;
text-align: justify;
background: transparent;
font-size: 1em;
}
</style>
<![endif]-->
</head>
<body>
<h1>Read Box Code</h1>
<div id="wrap">
<div id="box">
<h4>My Read Box</h4>
<p>&bull; Paragraph One Here.</p>
<p>&bull; Paragraph Two Here.</p>
<p>&bull; Paragraph Three Here.</p>
<p>&bull; Last Paragraph Here.</p>
</div>
</div>
</body></html>