horizontal layout Website like Myspace.com

horizontal layout Website like Myspace.com

I want to develop a horizontal layout Website like Myspace.com but for
each picture when you click on it, it does not go to another page but goes
to another section of this page ( it must be one page website)I need
advise for hoe i can handle that with css Html and jQuery ? I tried this
code :
<div id="menu">
<ul>
<li><a href="#home">Home</a>
</li>
<li><a href="#box1">History</a>
</li>
<li><a href="#box2">gallery</a>
</li>
</ul>
</div>
<div id="container">
<div id="header">
<h1>Burnham Beeches</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut
eget eros libero. Fusce tempus quam sit amet erat mollis a
fermentum nibh imperdiet. Fusce iaculis sapien in turpis aliquet
porta. Donec tincidunt gravida tortor, vel dignissim augue
convallis sit amet. Aliquam auctor ornare accumsan.</p>
</div>
<div id="box1" class="box">
<h2><a name="box1">History</a></h2>
<img src="images/burnham-beeches-history-fullpage.jpg" />
</div>
<div id="box2" class="box">
<h2><a name="box2">Second Box</a></h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut
eget eros libero. Fusce tempus quam sit amet erat mollis a
fermentum nibh imperdiet. Fusce iaculis sapien in turpis aliquet
porta. Donec tincidunt gravida tortor, vel dignissim augue
convallis sit amet. Aliquam auctor ornare accumsan. Cras convallis
elit tincidunt arcu semper egestas. Mauris interdum fringilla
nisi. Cras a dapibus lectus. Praesent blandit ullamcorper ornare.
Nam hendrerit sollicitudin urna non ultricies. Phasellus
condimentum auctor risus, at accumsan tellus tempor vel. Nunc
mattis eleifend dolor at adipiscing.</p>
</div>
</div>
but ineed to have pictures not text