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

[bsugar]

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;




}

 

[thingstodo]

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

 

[Corrosive]

Probably the same answer you got for your problem with uppercase

Thanks, saved me saying it again :icon_smile:

 

[bsugar]

Ok dokey.

I will try this and see what happens. :dizzy:

Thanks

 

[bsugar]

Yes Things to Do & Corrosive, :thumb:

That advice worked.

Thank you so much guys.