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

bsugar

Member
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;




}
 
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; }

 
Back
Top