scusami avevo capito male io, intendevi quello sotto :P:P

quello sotto è un po' più complesso e serve un po' di script js..

ecco un esempio banalotto e poco funzionale fatto di fretta
codice:
<html>
	<head>
		<style>
			*{
				margin:0px;
				padding:0px;
				font-size:16px;
				font-family:arial;
			}
			ul{
				margin:0 auto;/*serve a centrare un block element*/
				margin-top:20px;
				width:300px;
				border-bottom:1px solid #00f;
			}
			ul li{
				text-align:center;
				display:inline;
				border:1px solid #00f;
				padding-left:5px;
				padding-right:5px;
				cursor:pointer;
			}
			ul li.active{
				padding-top:3px;
			}
			#contenitore{
				width:300px;
				margin:0 auto;
			}
			#contenitore div{
				border:1px solid #00f;
				border-top:0px;
			}
			#contenitore div.hide{
				display:none;
			}
			#contenitore div.show{
				display:block;
			}
		</style>
		<script>
			function display_box(i){
				for(j=1;j<4;j++){
					document.getElementById('contenitore_'+j).className='hide';
					if(i==j)
						document.getElementById('contenitore_'+j).className='show';
				}
			}
		</script>
	</head>
	<body>
		<ul>
			<li class="active" onClick="display_box(1,this)">pagina 1
			<li onClick="display_box(2,this)">pagina 2
			<li onClick="display_box(3,this)">pagina 3
		[/list]
		<div id="contenitore">
			<div id="contenitore_1" class="show">
				questo è il contenuto della pagina 1

				questo è il contenuto della pagina 1

				questo è il contenuto della pagina 1

				questo è il contenuto della pagina 1

				questo è il contenuto della pagina 1

				questo è il contenuto della pagina 1

				questo è il contenuto della pagina 1

				questo è il contenuto della pagina 1

				questo è il contenuto della pagina 1

				questo è il contenuto della pagina 1

			</div>
			<div id="contenitore_2" class="hide">
				questo è il contenuto della pagina 2

				questo è il contenuto della pagina 2

				questo è il contenuto della pagina 2

				questo è il contenuto della pagina 2

			</div>
			<div id="contenitore_3" class="hide">
				questo è il contenuto della pagina 3

				questo è il contenuto della pagina 3

				questo è il contenuto della pagina 3

				questo è il contenuto della pagina 3

				questo è il contenuto della pagina 3

				questo è il contenuto della pagina 3

				questo è il contenuto della pagina 3

				questo è il contenuto della pagina 3

				questo è il contenuto della pagina 3

				questo è il contenuto della pagina 3

				questo è il contenuto della pagina 3

				questo è il contenuto della pagina 3

				questo è il contenuto della pagina 3

				questo è il contenuto della pagina 3

				questo è il contenuto della pagina 3

				questo è il contenuto della pagina 3

				questo è il contenuto della pagina 3

			</div>
		</div>
	</body>
</html>