Hello,
I have a navigation that works in Safari and Chrome only.
FF, IE and Opera show the text but provide no hyperlink behavior / recognition.
Other links on the page work fine, if I move these links into other another div they work fine.
It is only the links withing <div id"nav"></div> which dont work.
The relevant div is as below:
<div id="nav">
<ul>
<li><a href="index.htm">HOME</a></li>
<li><a href="nutritionist.htm">NUTRITIONIST</a></li>
<li><a href="vitamins.htm">VITAMINS</a></li>
<li><a href="supplements.htm">SUPPLEMENTS</a></li>
<li><a href="probiotics.htm">PRO BIOTICS</a></li>
<li><a href="glutenfree.htm">GLUTEN FREE FOODS</a></li>
<li><a href="facts.htm">NUTRITION FACTS</a></li>
<li><a href="community.htm">COMMUNITY</a></li>
<li><a href="contact.htm">CONTACT</a></li>
</ul>
</div>
The relevant css is as below:
#nav{
width:273px;
height:976px;
margin:0 0 0 0;
padding:0;
background:url(…/images/nav_bg.png) no-repeat;
}
#nav ul{
width:185px;
margin:0;
padding:0 0 0 0;
}
#nav li{
list-style:none;
}
#nav li a{
font-size:16px;
width:170px;
height:41px;
margin:4px 0 2px 0;
text-align:right;
padding:15px 15px 0 0;
color:#290930;
}
#nav li a:hover{
color:#c0922b;
display:block;
}
This is normally the simplest part of creating a website and has now go me stumped. I appreciate your help
