Buonasera, mi ritrovo a chiedere aiuto non essendo molto pratico di HTML5 e CSS.
Cercherò di spiegare brevemente il problema:

Ho un pagina HTML e un Style.css; ho creato un menù con la class="cssmenu" e tutto funziona bene. Ogni voce ha il suo link ( interno alla pagina) e il problema nasce nel momento che voglio sostituire un link interno con uno esterno, ovvero da "#section-1" a "../shopping".
Con la voce all'interno del tag <ul id="nav"> il link non funziona, mentre mettendolo al di fuori si.

Posto il css e la porzione di HTML confidando in un aiuto.
Quello in neretto nell'HTML è quello non funzionante....
Grazie

Style.css
----------
.cssmenu{
float:right;
text-transform:uppercase;
margin-top: 5px;
font-family: 'Open Sans Condensed', sans-serif;
}
#nav .current a {
color: #000;
}
ul#nav {
padding: 0;
}
.cssmenu > ul > li {
display: inline-block;
}
.cssmenu > ul > li > a {
color: #999999;
display: block;
padding: 5px 5px;
font-size: 1.1em;
margin: 0 10px;
}
.cssmenu > ul > li > a:hover{
text-decoration: none;
color: #00C;


HTML
-------
<div class="header_top">
<div class="container">
<div class="logo">
<a href="index.html"><img src="images/logo.png" alt="" width="393" height="103"></a>
</div>
<div class="cssmenu">
<ul id="nav">
<li class="current"><a href="#section-1">Home</a></li>
<li><a href="#section-2">Blu Studio</a></li>
<li><a href="#section-3">News</a></li>
<li><a href="#section-4">Video</a></li>
<li><a href="#section-5">Contatti</a></li>
<li><a href="../shopping">Shop</a></li>
</ul>
</div>
<div class="clearfix"> </div>
</div>
</div>