menu links won't work in opera
The menu works in all browsers except opera. In opera it is displayed right but links are not clickableYou can se it here: www.pchounds.com
The CSS looks like this :
#dolphincontainer {
position : relative;
height : 30px;
color : #ccc;
width : 100%;
font-family : Helvetica, Arial, Verdana, sans-serif;
text-align : center;
background : url(img/dolphin_bg.gif) repeat-x left bottom;
border-bottom : 5px solid #333366;
}
#dolphinnav ul{
display : block;
list-style : none;
height : 1.25em;
font-size : 75%;
text-align : center;
font-weight : bold;
padding : 10px 11px 5px 11px;
}
#dolphinnav ul a {
color : #ffffff;
list-style : none;
text-decoration : none;
text-align : center;
padding : 10px 11px 5px 11px;
}
#dolphinnav ul a:hover {
color : #ffffff;
background : transparent url(img/dolphin_bg-OVER.gif) repeat-x left bottom;
}
And the HTML looks like this :
<table width="100%" border="1" cellspacing="0" cellpadding="0" class="maincolumn " >
<tr>
<div id="dolphincontainer" >
<div id="dolphinnav" >
<ul>
<a href="{SITEURL}index.php?sort=3" rel="3"><span>{L_a004}</span></a>
<a href="{SITEURL}index.php?sort=0" rel="0"><span>{L_a001}</span></a>
<a href="{SITEURL}index.php?sort=4" rel="4"><span>{L_a005}</span></a>
<a href="{SITEURL}index.php?sort=2" rel="2"><span>{L_a003}</span></a>
<a href="{SITEURL}index.php?sort=5" rel="5"><span>{L_a006}</span></a>
<a href="{SITEURL}index.php?sort=1" rel="1"><span>{L_a002}</span></a>
</ul>
</div>
</div>
</tr>
</table>
I use clearlink.js to highlight the current page.