furies

[dohtml]
<style>
#furies {width: 570px; padding: 50px; height: 500px; background-color: #fff; text-align: justify;}
#furies .text {width: 385px; height: 498px; border-right: 1px solid #000; border-bottom: 1px solid #000; border-top: 1px solid #000; overflow: auto; font-family: "Lucida Console", monospace;}
#furies .padding {padding: 25px;}
#furies .image {width: 325px; height: 150px; margin-left: -2px;}
#furies .info {margin-left: -2px; border-left: 1px solid #000;  width: 190px; background-color: #fff; height: 140px;  font-family: "Lucida Console"; font-size: 8px; overflow: auto; margin-top: -4px;}
#furies .box {width: 135px; margin-top: -4px; margin-left: -139px; text-align: right; color: #fff;  background-color: #000; height: 150px; font-family: "Lucida Console", monospace; text-transform: uppercase; font-size: 8px;}

#furies ::-webkit-scrollbar { width: 9px; height: 9px; background: white; }
#furies ::-webkit-scrollbar-thumb { width: 5px; background: #000; border: 2px solid white; }
#furies ::-webkit-scrollbar-track { width: 1px; background: #000; border: 4px solid white; }
</style>
<div id="furies">
<table>
<tr>
<td>
<img src="http://i.imgur.com/UXygmux.png">
</td>
<td><div class="text">
<div class="padding">
<div style="height: 130px; width: 330px; overflow: auto; padding-right: 20px;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin quis lorem sed enim eleifend vulputate a in nibh. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec dictum metus sed erat euismod, a feugiat erat maximus. Maecenas facilisis, sem at lacinia congue, nunc metus hendrerit purus, nec iaculis tortor neque eu justo. In tincidunt scelerisque posuere. Morbi ac lorem nibh. Maecenas ligula libero, viverra vitae mi sit amet, aliquet convallis tortor. Nulla in ipsum metus. Suspendisse condimentum magna ac sapien ornare, id rhoncus magna luctus. Nullam rutrum laoreet odio, at vulputate nulla semper id. Suspendisse rhoncus in metus in ultrices. Donec ut dolor convallis, facilisis orci in, cursus elit. Aliquam erat volutpat. Maecenas sodales arcu commodo velit laoreet imperdiet. Vivamus blandit velit sapien, quis semper felis auctor in.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin quis lorem sed enim eleifend vulputate a in nibh. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec dictum metus sed erat euismod, a feugiat erat maximus. Maecenas facilisis, sem at lacinia congue, nunc metus hendrerit purus, nec iaculis tortor neque eu justo. In tincidunt scelerisque posuere. Morbi ac lorem nibh. Maecenas ligula libero, viverra vitae mi sit amet, aliquet convallis tortor. Nulla in ipsum metus. Suspendisse condimentum magna ac sapien ornare, id rhoncus magna luctus. Nullam rutrum laoreet odio, at vulputate nulla semper id. Suspendisse rhoncus in metus in ultrices. Donec ut dolor convallis, facilisis orci in, cursus elit. Aliquam erat volutpat. Maecenas sodales arcu commodo velit laoreet imperdiet. Vivamus blandit velit sapien, quis semper felis auctor in.
</div>
<div style="height: 305px; width: 350px; overflow: auto; margin-top: 10px;">
<table>
<tr>
<td><div class="image" style="background-image: url(http://i.imgur.com/kOU133f.jpg);"></div></td>
</tr>
<tr>
<td><div class="info"><div class="padding">blurbhere</div>
</div></td><td><div class="box"><div style="padding-top: 100px; padding-right: 10px;">lennon medine  //<br>here. here. here.</div></div></td>
</tr>
</table>
<table>
<tr>
<td><div class="image" style="background-image: url(http://i.imgur.com/24HuLQL.jpg);"></div></td>
</tr>
<tr>
<td><div class="info"><div class="padding">blurbhere</div>
</div></td><td><div class="box"><div style="padding-top: 100px; padding-right: 10px;">holly elmo //<br>here. here. here.</div></div></td>
</tr>
</table>
<table>
<tr>
<td><div class="image" style="background-image: url(http://i.imgur.com/RQvKMjQ.jpg);"></div></td>
</tr>
<tr>
<td><div class="info"><div class="padding">blurbhere</div>
</div></td><td><div class="box"><div style="padding-top: 100px; padding-right: 10px;">ariadne hawke  //<br>here. here. here.</div></div></td>
</tr>
</table>
<table>
<tr>
<td><div class="image" style="background-image: url(http://i.imgur.com/Ndz2eSw.png);"></div></td>
</tr>
<tr>
<td><div class="info"><div class="padding">blurbhere</div>
</div></td><td><div class="box"><div style="padding-top: 100px; padding-right: 10px;">lucy keating  //<br>here. here. here.</div></div></td>
</tr>
</table>
<table>
<tr>
<td><div class="image" style="background-image: url(http://i.imgur.com/5Ooxbwm.jpg);"></div></td>
</tr>
<tr>
<td><div class="info"><div class="padding">blurbhere</div>
</div></td><td><div class="box"><div style="padding-top: 100px; padding-right: 10px;">morgan bennett //<br>here. here. here.</div></div></td>
</tr>
</table>
<table>
<tr>
<td><div class="image" style="background-image: url(http://i.imgur.com/Yn7nQfl.jpg);"></div></td>
</tr>
<tr>
<td><div class="info"><div class="padding">blurbhere</div>
</div></td><td><div class="box"><div style="padding-top: 100px; padding-right: 10px;">orion parrish  //<br>here. here. here.</div></div></td>
</tr>
</table>
</div>
</div>
</div></td>
</tr>
</table>
</div>
[/dohtml]