As I come back to this, I believe a better way would be to remove the href altogether, so
Code:
<li><a href="" class="icon-food"><span>Newest</span></a></li>
<li><a href="" class="icon-shop"><span>Featured</span></a></li>
<li><a href="" class="icon-cup"><span>Specials</span></a></li>
becomes
Code:
<li><a class="icon-food"><span>Newest</span></a></li>
<li><a class="icon-shop"><span>Featured</span></a></li>
<li><a class="icon-cup"><span>Specials</span></a></li>
As I've just read an 'a' tag without the href is a 'placeholder hyperlink' in HTML5. You also don't need the class attribute but I've left it in in case it helps with any future styling needs.
Removing the href means you lose the 'hand on hover' so you will have to add a line to your stylesheet, like this
Code:
.tabs nav a {
color: #becbd2;
display: block;
font-size: 130%;
line-height: 2.5;
padding: 0 1.25em;
white-space: nowrap;
cursor: pointer;
}
Bookmarks