Hey, That's Life!

.
.

Hey, that's life!
This is a cool checkered Layout. This box scrolls when you get enough text.

<div style="border: 3px outset rgb(109, 64, 71); margin: auto; overflow: auto; background-image: url(http://i275.photobucket.com/albums/jj317/ALYSSASAWLxox/COLORFUL-1.gif); background-repeat: repeat; background-color: transparent; background-position: center center; width: 498px; height: 350px; text-align: center;">
<div><span style="color: transparent;">.<br />
.<br />
<br />
<br />
</span></div>
<div style="border: 1px dotted rgb(216, 102, 52); margin: auto; overflow: auto; background-repeat: no-repeat; background-color: rgb(255, 255, 255); width: 300px; height: 250px; text-align: center; background-position: right top;"><span style="font-family: Comic Sans MS;"><span style="color: rgb(255, 51, 102);"><span style="font-size: xx-large;">H</span></span></span><span style="font-family: Impact;"><span style="color: rgb(255, 51, 102);"><span style="font-size: xx-large;">ey,<span style="font-family: Comic Sans MS;"> </span><span style="color: rgb(0, 255, 0);"><span style="font-family: Comic Sans MS;">t</span>hat's</span><span style="font-family: Comic Sans MS;"> </span></span></span></span><span style="color: rgb(255, 153, 0);"><span style="font-family: Impact;"><span style="font-size: xx-large;"><span style="font-family: Comic Sans MS;">l</span>ife!</span></span></span><span style="font-size: xx-small;"><span style="font-family: Terminal;"><br />
This is a cool checkered Layout. This box scrolls when you get enough text.</span></span></div>
</div>