Problem with CSS
 

I have the following code. Can someone please help me on what code to insert to allow me to link the tabs to the content. I want different content with each tab. The link should go to the related linked content. The code is below.

<div id="content">
<div id="menu">
<ul>
<li><a href="#Diving" title="Chikarma Diving – Scuba Diving in Malta & Gozo – Holiday Services" class="active">Diving</a></li>
<li><a href="#" title="Luxury Holiday Apartments in Malta & Gozo">Holiday Apartments</a></li>
<li><a href="#" title="Car Hire in Malta & Gozo">Car Hire</a></li>
<li><a href="#" title="Luxury Yacht Charter in Malta & Gozo">Yacht Charter</a></li>
<li><a href="#" title="Spa Packages in Malta & Gozo">Spa Packages</a></li>
<li><a href="#" title="Excursions in Malta & Gozo">Excursions</a></li>
<li><a href="#" title="Blog Site for Malta & Gozo">Blog</a></li>
<li><a href="#" title="Community - Guide to Malta">Community</a></li>
</ul>
</div>
<div id="main">
<h3>Chikarma Diving – Scuba Diving in Malta & Gozo – Holiday Services</h3>
<p>At Chikarma Diving we specialise in scuba diving packages to Malta & Gozo. We provide great scuba diving in Malta & scuba diving in Gozo including PADI courses, BSAC courses, escorted dives, free diving and large club group packages. With Chikarma Diving your scuba diving holiday in Malta or scuba diving holiday in Gozo will be a holiday to remember.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus rhoncus sapien, vitae sollicitudin augue ullamcorper sit amet. Phasellus non dolor nec sem hendrerit rhoncus at non sapien. Vestibulum a lorem risus, non iaculis magna. Praesent sodales molestie ullamcorper. Suspendisse feugiat dolor nec felis accumsan eleifend. Integer eleifend diam consectetur libero ultrices vulputate scelerisque urna bibendum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec cursus ullamcorper nisl, quis accumsan ante consectetur quis. Pellentesque vel nunc et ante aliquet commodo. Proin vestibulum tristique consectetur. Suspendisse id mi sem, ut porttitor ante. Nulla interdum mi nec felis scelerisque eu aliquet enim molestie.</p>
</div>

If I understand it right you want the page to scroll to the related paragraph!?!

Your first link is href="#diving"
if you insert <a name="Diving"> immdiately before the related content it will scroll the page to that text

I do not want to scroll down to lower text. I have a box with tabs at the top like for example on this which is the code i am using: page:http://www.marcofolio.net/css/sweet_...sing_css3.html
my problem is that when i hit the tabs i can not get it to show the text i want for that tab. I have no link from tabs to content in the box below the tabs. Can anyone help with as i only get the same text for all boxes.

Thank you in advance.