Ayuda con mi web

[Goring]

Que tal chicos y chicas. Estoy dando mis primeros pasos en esto del diseño css y el desarrollo web en general y necesito un poco de ayuda.

Mi página principal tiene un div donde se recargan, con un simple include en php y javascript para ir mostrando u ocultando el contenido, una serie de paginitas en html. El punto es que al hacer click en cada boton del menú, se me mueve el scroll principal hacia arriba y es muy molesto, sobre todo cuando cliqueo los enlaces de la parte mas baja de la web, porque tengo que volver tooodo hasta abajo para seguir leyendo donde estaba.

Les adjunto el codigo de mi index.php a ver si me pueden hechar una manito:

*Ojo: Las llamadas a imágenes del comienzo (son muchas, ya lo se) son porque hasta ahora estoy usando un script que va haciendo transiciones entre una imagen y otra. El único problema es que la web demora mucho en iniciar, porque tienen que cargarse todas las imagenes primero. Estoy buscando algun otro script, posiblemente con flash o algo, que vaya cargando a medida que va necesitando, para que pueda partir más rápido.

Código:

<div id="preheader">
<p>X Festival Internacional de Cine de Lebu - 26 al 30 de Enero, 2010</p>
<!--  <div class="left">
    <p>X Festival Internacional de Cine de Lebu - 26 al 30 de Enero, 2010</p>
  </div>
    <p align="right"><img src="imagenes/es.png" width="18" height="12" /> <img src="imagenes/en.png" width="18" height="12" /></p>
--></div>

<div id="wrap">
  <div class="header">
  	<div id="imageContainer">
    	<img src="imagenes/header/walter.jpg" width="800" height="250" /><img src="imagenes/header/victor_tere.jpg" width="800" height="250" /><img src="imagenes/header/varleta.jpg" width="800" height="250" /><img src="imagenes/header/solos.jpg" width="800" height="250" /><img src="imagenes/header/silvio.jpg" width="800" height="250" /><img src="imagenes/header/sergio.jpg" width="800" height="250" /><img src="imagenes/header/quercia.jpg" width="800" height="250" /><img src="imagenes/header/publico1.jpg" width="800" height="250" /><img src="imagenes/header/pineda.jpg" width="800" height="250" /><img src="imagenes/header/pili.jpg" width="800" height="250" /><img src="imagenes/header/publico2.jpg" width="800" height="250" /><img src="imagenes/header/panaderos3.jpg" width="800" height="250" /><img src="imagenes/header/pancho.jpg" width="800" height="250" /><img src="imagenes/header/omar_claudia.jpg" width="800" height="250" /><img src="imagenes/header/mocha.jpg" width="800" height="250" /><img src="imagenes/header/mario_tere.jpg" width="800" height="250" /><img src="imagenes/header/panaderos4.jpg" width="800" height="250" /><img src="imagenes/header/jolguin.jpg" width="800" height="250" /><img src="imagenes/header/invitados2004.jpg" width="800" height="250" /><img src="imagenes/header/mario_javi.jpg" width="800" height="250" /><img src="imagenes/header/infantil.jpg" width="800" height="250" /><img src="imagenes/header/inauguracion2009.jpg" width="800" height="250" /><img src="imagenes/header/hsolas.jpg" width="800" height="250" /><img src="imagenes/header/mario.jpg" width="800" height="250" /><img src="imagenes/header/panaderos.jpg" width="800" height="250" /><img src="imagenes/header/invitados2009.jpg" width="800" height="250" /><img src="imagenes/header/hernandez.jpg" width="800" height="250" /><img src="imagenes/header/gaviria-contador.jpg" width="800" height="250" /><img src="imagenes/header/ganadores.jpg" width="800" height="250" /><img src="imagenes/header/ernesto_hector.jpg" width="800" height="250" /><img src="imagenes/header/emir_gonzalo.jpg" width="800" height="250" /><img src="imagenes/header/freyes.jpg" width="800" height="250" /><img src="imagenes/header/diego.jpg" width="800" height="250" /><img src="imagenes/header/delfina_ariel_carola.jpg" width="800" height="250" /><img src="imagenes/header/daniel.jpg" width="800" height="250" /><img src="imagenes/header/emir_claudia.jpg" width="800" height="250" /><img src="imagenes/header/cris.jpg" width="800" height="250" /><img src="imagenes/header/delfina_tere.jpg" width="800" height="250" /><img src="imagenes/header/corto.jpg" width="800" height="250" /><img src="imagenes/header/colombia.jpg" width="800" height="250" /><img src="imagenes/header/diego2.jpg" width="800" height="250" /><img src="imagenes/header/chuaqui.jpg" width="800" height="250" /><img src="imagenes/header/carlos_javiera.jpg" width="800" height="250" /><img src="imagenes/header/caiozzi.jpg" width="800" height="250" /><img src="imagenes/header/braun.jpg" width="800" height="250" /><img src="imagenes/header/bolado.jpg" width="800" height="250" /><img src="imagenes/header/blanca.jpg" width="800" height="250" /><img src="imagenes/header/bize.jpg" width="800" height="250" /><img src="imagenes/header/birri.jpg" width="800" height="250" /><img src="imagenes/header/caiozzi2.jpg" width="800" height="250" /><img src="imagenes/header/animacion.jpg" width="800" height="250" /><img src="imagenes/header/almeida_omar_claudia.jpg" width="800" height="250" /><img src="imagenes/header/abdullah.jpg" width="800" height="250" />
	</div>
  </div>
  <div class="content">
  	<div id="menu" class="tabsmenuclass">
		<ul>
			<li><a id="op1" class="selected" href="#" onclick="ver_opcion(1, 11)">Qui&eacute;nes Somos</a></li>
			<li><a id="op2" href="#" onclick="ver_opcion(2, 11)">Historia Festival</a></li>
			<li><a id="op3" href="#" onclick="ver_opcion(3, 11)">El Festival</a></li>
            <li><a id="op4" href="#" onclick="ver_opcion(4, 11)">Sub-Sedes</a></li>
            <li><a id="op5" href="#" onclick="ver_opcion(5, 11)">Programaci&oacute;n</a></li>
		</ul>
	</div>
<!--Inicio Submenú --> 
	<div id="subop1" class="tabsmenucontentclass">
		<?php include ("menu/quienessomos.html");?>
	</div>
	<div id="subop2" class="tabsmenucontentclass" style="display: none;">
	  	<?php include ("menu/historia.html");?>
	</div>
	<div id="subop3" class="tabsmenucontentclass" style="display: none;">
      	<?php include ("menu/festival.html");?>  
	</div>
	<div id="subop4" class="tabsmenucontentclass" style="display: none;">
		<?php include ("menu/subsedes.html");?>
	</div>
	<div id="subop5" class="tabsmenucontentclass" style="display: none;">
		<?php include ("menu/programacion.html");?>
	</div>
	<div id="subop6" class="tabsmenucontentclass" style="display: none;">
		<?php include ("menu/tv.html");?>
	</div>
    <div id="subop7" class="tabsmenucontentclass" style="display: none;">
    	<?php include ("menu/galeria.html");?>
	</div>
    <div id="subop8" class="tabsmenucontentclass" style="display: none;">
     	<?php include ("menu/prensa.html");?>
	</div>
    <div id="subop9" class="tabsmenucontentclass" style="display: none;">
     	<?php include ("menu/novedades.html");?>	
    </div>
    <div id="subop10" class="tabsmenucontentclass" style="display: none;">
     	<?php include ("menu/lebu.html");?>
	</div>
    <div id="subop11" class="tabsmenucontentclass" style="display: none;">
     	<?php include ("menu/auspiciadores.html");?>
	</div>
<!--Fin Submenú -->  
	<div id="menu" class="tabsmenuclass">
		<ul>
			<li><a id="op6" href="#" onclick="ver_opcion(6, 11)">Festival en TV</a></li>
			<li><a id="op7" href="#" onclick="ver_opcion(7, 11)">Galer&iacute;a de Im&aacute;genes</a></li>
			<li><a id="op8" href="#" onclick="ver_opcion(8, 11)">Material de Prensa</a></li>
            <li><a id="op9" href="#" onclick="ver_opcion(9, 11)">Novedades</a></li>
            <li><a id="op10" href="#" onclick="ver_opcion(10, 11)">Lebu</a></li>
            <li><a id="op11" href="#" onclick="ver_opcion(11, 11)">Auspiciadores</a></li>
		</ul>
	</div>
  	<div class="auspiciadores"><img src="imagenes/auspiciadores/1.jpg" width="170" height="100" align="left" /><img src="imagenes/auspiciadores/2.jpg" width="170" height="100" /><img src="imagenes/auspiciadores/3.jpg" width="170" height="100" />
    </div>
  	<div class="footer">&copy;2009 Agrupaci&oacute;n Cultural Festival de Cine Caverna Benavides</div>
	</div>
</div>
</body>

Saludos y gracias!