Voci di menu che non si comportano da link

[Adenina]

Salve a tutti.

Il mio problema: ho iniziato di recente a fare la versione responsive di un sito web. Mi sembrava che tutto filasse liscio, finche` oggi non mi sono resa conto che un menu si comporta in modo anomalo. Se provo a cliccare le voci (di menu) non succede niente, non si comportano da link.
Ho provato a togliere cio` che avevo integrato per la versione responsive, ma non cambia nulla.

Premetto, prima di postare il codice, alcune informazioni (forse inutili, ma sicuramente non nocive )
Il menu e` orizzontale ed e` il primo elemento della pagina.
Sopra al menu ho integrato un' immaginetta che funziona da "bottone". Nelle media queries, lo stesso menu scivola sotto al "bottone" e diventa a tendina. Nella versione "estesa" il bottone e` in display: none.
Il menu, nella versione mobile, funziona normalmente.

Il codice.

HTML:

	<div id="icona-menu"><a href="#"><img src="Immagini/toggle1.jpg" alt="icona menu"></a></div>
		<nav id="div-pre-menu">
		<ul id="pre-menu">
			<li> <a href="Mission.html"> Mission </a> </li>
			<li> <a href="Richiesta-Preventivo.html"> Richiesta Preventivo </a> </li>
			<li> <a href="News.html"> News </a> </li>
			<li> <a href="Contatti.html"> Dove siamo e Contatti </a> </li>
			<li> <a href="Download.html"> Download </a> </li>
		</ul>
		</nav>

CSS:

#icona-menu {
position: absolute;
top: 10px;
left: 10px;
display: none;
}

ul#pre-menu {
width: 100%;
margin: 0;
padding: 0;
font: bold 1em 'Open Sans', sans-serif;
list-style: none;
text-align: center;
color: #FFFFFF;
}

ul#pre-menu li {
	background-color: #04B431;
	display: inline;
	width: 20%;
	height: 32px;
	float: left;
	border-left: 0.5px solid #FFFFFF;
	border-right: 0.5px solid #FFFFFF;
	color: #FFFFFF;
	}
ul#pre-menu li a {
	color: #FFFFFF;
	outline: none;
    display: block;
    line-height: 32px;
	text-decoration: none;
	text-align: center;
	}
	
ul#pre-menu li:hover {
    background-color: #01DF3A;
}

Non e` la sezione corretta, ma puo` essere lo script?

	<script type="text/javascript">
		jQuery( document ).ready(function() {
		$( "#icona-menu" ).click(function() {
			$("#pre-menu").toggle();
		});
		});
	</script>

Vi ringrazio anticipatamente

 

[Adenina]

Nulla, ho risolto
La soluzione (per i posteri): avevo posizionato un'immagine, appena sotto il menu, con "position: relative" e valori negativi. In qualche modo (ma non saprei dire perche`) adava in conflitto con il menu
Buona serata a tutti.