• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

Navigation showing ok in Chrome & Firefox but underlined in Opera & IE


#1
Hello,

Would anyone be able to advise on why my navigation is showing ok (with no decoration) in Chrome and Firefox but underlined in Opera and IE? I've included my code. Thanking you :crazy:


<div id="navigation">

<div align="center">
<a href="index.html">HOME</a> | <a href="aboutus.html">ABOUT US </a>|<a href="localgroups.html"> LOCAL GROUPS
</a>|<a href="projects.html"> PROJECTS
</a>|<a href="howtohelp.html"> HOW TO HELP
</a>|<a href="contactus.html"> CONTACT US
</a>

</div>




}


#navigation {
position: absolute;
width: 625px;
height: 38px;
z-index: 800;
font-weight: bold;
color: #fff;
left: 290px;
top: 28px;
}


#navigation ul li {

display: inline;
color: #FFF;
font-size: 15px;
z-index: 800;

}

#navigation a:link { /* unvisited link */
color: #FFF;
text-decoration: none;
font-size: 15px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
text-transform: uppercase;

}
#navigation a:visited { /* visited link */
color: #fff;
}
#navigation a:hover { /* mouse over link */
color: #66699a;
}
#navigation a:active { /* selected link */
color: #Fff;




}
 
#2
Probably the same answer you got for your problem with uppercase try putting text-decoration: none; under #navigation a rather than #navigation a:link


ie:

#navigation a { text-decoration: none; }