Tu problema esta en los enlaces que estan especificados para las imagenes:
Fijate que dice href='#', esto te lleva hacia la parte superior de la pagina...
lo que mejor puedes hacer, es asociarle al href, el evento javascript del Onclick.
Por lo que el codigo de las imagenes quedaria asi:
<h1 style="font-size: 11px">ENTREMESES / ENTRANTS / STARTERS<a
href="javascript:MostrarOcultar('1'); return false;" title="Ampliar información" id="a1" >
<img id="img1" src="imagenes/Btn_leer.jpg" alt="Expandir Carta" border="0"/>
</a></h1>
<p id="p1" style="display:none; font-size: 11px">
Texto </p>
<h1 style="font-size: 11px">ENSALADAS / AMENIDES / SALADS<a
href="javascript: MostrarOcultar('2'); return false;" title="Ampliar información" id="a2" >
<img id="img1" src="imagenes/Btn_leer.jpg" alt="Expandir Carta" border="0"/>
</a></h1>
<p id="p2" style="display:none; font-size: 11px">
Texto </p>
Espero que te sirva
Saludos