<style>

.pfor {display: none;}
#profile {border: 0px;}
#profile {background-color: transparent;}

body {background: white;
text-align: left;
font-family: 'Times New Roman', Times;
font-size: 10pt;
color: black; }

#whole
{ position: fixed;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
background: transparent;
}


#bigbox
{ position: absolute;
left: 200px;
top: 150px;
height: 400px;
width: 348px;
border: 1px solid red;
transition: width 1s;
-webkit-transition: width 1s;
}

#bigbox:hover{
width: 648px;}

#leftbox
{ position: absolute;
top: 0px;
left: 0px;
z-index: 2;
height: 400px;
width: 300px;
border: 0px solid blue;
background: white;
background-image:
url(http://www.urlhere.com)
background-repeat: no-repeat;
background-size: 100%; }

#rightbox
{ float:right;
height: 400px;
width: 300px;
border: 0px solid green;
z-index: 1;}

#selectionlist
{ height: 30px;
width: 300px;
border: 0px solid black;
top: 1px;
position: absolute;}

#contentbox
{ height: 368px;
width: 298px;
position: absolute;
bottom: 0px;
border: 0px solid pink;
overflow: hidden;
}

#insidecontentbox
{
  overflow: auto;
  height: 369px;
  width: 298px;
  border: 1px solid red;
}


</style>


<div id="whole">


<div id="bigbox">

<div id="leftbox">
<img src='http://static.dyp.im/utexOUYlF8/7d17d6ff7596c383b04ea75a1f3a93ce.gif' alt='reiko3_by_mastergodai-d7prvzb' title='reiko3_by_mastergodai-d7prvzb' />
</div>

<div id="rightbox">
<div id="selectionlist">
<a href="#One">One</a>
<a href="#Two">Two</a>
<a href="#Three">Three.</a>
</div>
<div id="contentbox">
<a name="One">
</a><div id="insidecontentbox">
Content from links goes here.
</div>

<a name="Two">
</a><div id="insidecontentbox">
Content from links goes here. Two.<br>
 Lorem ipsum dolor sit amet, elit lacus, sit consectetuer quam eget, dui aenean. Eget per curabitur arcu. Non pellentesque condimentum enim metus, nisl tempus non, natoque mauris, imperdiet tellus. Lobortis libero. In excepteur ac et ac pellentesque, lectus adipiscing porta, lectus rutrum, pellentesque nisl, feugiat feugiat varius ligula. Aenean ligula in, lectus tristique mattis parturient sodales sem, lacus adipiscing proin neque quis tellus. Vero eros velit lorem dolor sit.

Nunc quam ac molestie curabitur, fermentum nunc. Maecenas commodo mollis tempor, amet iaculis convallis pellentesque, quisque mauris blandit wisi, odio et, eget congue at. Natoque sagittis tortor maecenas in commodo. Eu sagittis suspendisse congue sagittis, etiam lobortis nec elit dolor, placerat integer per urna. At amet, rutrum faucibus per. Vulputate sollicitudin, arcu tincidunt pharetra ornare, dapibus libero auctor suscipit mattis, porta sed cursus, pede nibh erat et integer scelerisque vestibulum. Magna accusantium, dolor tellus vitae qui morbi venenatis hendrerit, quam vitae vestibulum sociis ut nam aliquam, pellentesque tellus malesuada ligula nam metus. Proin sollicitudin pellentesque turpis sed neque, nascetur iaculis commodo habitasse suspendisse wisi ante, eros sit venenatis nulla vestibulum, mattis quis. Tristique mauris vulputate pellentesque a, esse accumsan elit fermentum mattis sem, vivamus mauris, suscipit lectus lorem mi at, ullamcorper orci eu ante tortor dignissim ut. Vitae vehicula, magnis dui. In ipsum velit eget nec nam, quam consectetuer enim libero lectus est, eros erat risus, erat suspendisse erat sed corrupti velit.
</div>


<a name="Three">
</a><div id="insidecontentbox">
Content from links goes here. Three.
</div>


</div>
</div>


</div>


</div>