# Links work in Safari and Chrome only

**URL:** https://forum.kirupa.com/t/links-work-in-safari-and-chrome-only/322547
**Category:** Uncategorized
**Created:** [May 25, 2011, 5:39am UTC](https://forum.kirupa.com/t/links-work-in-safari-and-chrome-only/322547 "2011-05-25T05:39:03Z")
**Posts on this page:** 1
**Page:** 1

<div class="post-metadata">

### Author: ![FM\_Designer](https://avatars.discourse-cdn.com/v4/letter/f/49beb7/32.png) [@FM\_Designer](https://forum.kirupa.com/u/FM_Designer)
#### Post date: [May 25, 2011, 5:39am UTC](https://forum.kirupa.com/t/links-work-in-safari-and-chrome-only/322547/1 "2011-05-25T05:39:03Z")

</div>

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:

```auto

        <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