Problema poniendo links en menú

Hola, ojalá alguien pueda ayudarme con esta cuestión; tengo algún tiempo haciendo sitios web, mas bien algo de experiencia en el diseño (lo que se puede hacer con photoshop y dreamweaber, sin magia y esas cosas que hacen aqui [;)]), pero en realidad nunca le he metido mano al html, algunas cosas del foro me parecen como tratar de leer en chino, pero bueno la cuestión es esta:

Estoy ayudando a una organización que promueve la lectura con su sitio y hay un menú, que al parecer tiene java (esta vinculado a documentos .js, ja bueno eso creo yo).
Es un menú con submenús que lleva una imagen que se mueve hacia abajo al poner el mouse encima y descubre los submenús la bronca es que no he podido poner el link por separado para cada uno de estos submenús, solo sirve el lino que tiene la imagen que se mueve. supongo que ha de ser algo simple, pero en verdad he intentado ya varias cosas y no puedo por algún error de sintaxis o algo así.

Ojalá alguien me pueda orientar en esto.

De antemano muchas gracias!… Pego aquí el mentado html que no me ha dejado avanzar….

<div id="categorias">
		<ul class="menu_categorias">
			<li><a href="http://pnldgo.org/"><img style="top: 0px;" src="images/nosotros.png" alt="nosotros" />
			<p class="categorias_footer">Inicio</p>
				<p class="categorias_footer">Carta de Presentación</p>
				<p class="categorias_footer">¿Quiénes somos?</p>
				<p class="categorias_footer">Misión</p>
				<p class="categorias_footer">Visión</p>
				<p class="categorias_footer">Objetivos</p>
			</a></li>
			<li><a href="http://pnldgo.org/"><img style="top: 0px;" src="images/bibliotecas.png" alt="bibliotecas" />
			<p class="categorias_footer">Biblioteca de Aula</p>
				<p class="categorias_footer">Biblioteca Escolar</p>
			</a></li>
			<li><a href="http://pnldgo.org/"><img style="top: 0px;" src="images/descargas.png" alt="descargas" />
			<p class="categorias_footer">Estrategia 11+5</p>
				<p class="categorias_footer">Manuales</p>
				<p class="categorias_footer">Documentos de Apoyo</p>
				<p class="categorias_footer">Ponencias</p>
				<p class="categorias_footer">Ponferencias</p>
			</a></li>
			<li><a href="http://pnldgo.org/"><img style="top: 0px;" src="images/capacitacion.png" alt="capacitación" />
			<p class="categorias_footer">Cursos</p>
				<p class="categorias_footer">Talleres</p>
				<p class="categorias_footer">Seminarios</p>
				<p class="categorias_footer">Diplomados</p>
			</a></li>
			<li><a href="http://pnldgo.org/"><img src="images/eventos.png" alt="eventos" />
			<p class="categorias_footer">Fotos de Eventos</p>
				<p class="categorias_footer">Videos de Eventos</p>
				<p class="categorias_footer">Promocionales</p>
				<p class="categorias_footer">Invitaciones</p>
			</a></li>
		</ul>
	</div>

hola

prueba quitando esto de la etiqueta <a> en cada uno de los menus <img style="top: 0px;" src="images/bibliotecas.png" alt="bibliotecas"

hola otra vez prueba esto



<div id="categorias">
<ul class="menu_categorias">
<li><a href="http://pnldgo.org/">
<p class="categorias_footer">Inicio</p>
<p class="categorias_footer">Carta de Presentación</p>
<p class="categorias_footer">¿Quiénes somos?</p>
<p class="categorias_footer">Misión</p>
<p class="categorias_footer">Visión</p>
<p class="categorias_footer">Objetivos</p>
</a></li>
<li><a href="http://pnldgo.org/">
<p class="categorias_footer">Biblioteca de Aula</p>
<p class="categorias_footer">Biblioteca Escolar</p>
</a></li>
<li><a href="http://pnldgo.org/">
<p class="categorias_footer">Estrategia 11+5</p>
<p class="categorias_footer">Manuales</p>
<p class="categorias_footer">Documentos de Apoyo</p>
<p class="categorias_footer">Ponencias</p>
<p class="categorias_footer">Ponferencias</p>
</a></li>
<li><a href="http://pnldgo.org/">
<p class="categorias_footer">Cursos</p>
<p class="categorias_footer">Talleres</p>
<p class="categorias_footer">Seminarios</p>
<p class="categorias_footer">Diplomados</p>
</a></li>
<li><a href="http://pnldgo.org/">
<p class="categorias_footer">Fotos de Eventos</p>
<p class="categorias_footer">Videos de Eventos</p>
<p class="categorias_footer">Promocionales</p>
<p class="categorias_footer">Invitaciones</p>
</a></li>
</ul>
</div>

??????

normalmente cuando un menu depende de algun java o similar, ahi tiene cosas dependientes del mismo
asi que, para poder ayudarte, necesitas darnos la url de la web

saludos

Hola Antes que nada quiero agradecer por su interés; como el sitio no tiene ni dominio ni hosting, lo subo en esta dirección:

http://www.modelismomexico.com/PNL/index.html

Comprendo mi error al explicar sin poner el sitio, pero ahí va:

La idea es que cuando baje la imagen, pueda cada lista enviarme a una pagina diferente:

Inicio…………….………………….index.html

Carta de Presentación……..presentacion.html

¿Quiénes somos?…………….nosotros.html

Misión……………………..........misión.html

Visión……………………….........visión.html

Objetivos………………….........objetivos.html

y así sucesivamente cada una de las listas debajo de la imagen.

En verdad al escribirlo lo veo bien fácil (si, como no, :confused:), la bronca es que al intentar poner los links se mueve todo y el efecto se pierde.