Nav bar showing as uppercase in some browsers and lowercase in Others!!!!

[bsugar]

Hey guys,

Just wondering if anyone would know what is making my nav bars appear in capital letters in Chrome and Firefox but showing as lowercase letters in IE and Opera.

I want them to appear in capital letters in Dreamweaver and this is how I want them to appear in all browsers. The code I used is below. Any tips/help would be great. As always 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 {
color: #FFF;
text-decoration: none;
font-size: 15px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
text-transform: uppercase;

}
#navigation a:visited {
color: #fff;
}
#navigation a:hover {
color: #66699a;
}
#navigation a:active {
color: #Fff;

}

 

[bsugar]

Actually, I think I have sorted this one. I'm getting better at this :nod:

 

[Corrosive]

Not sure what your solution was but I would have targeted the anchor tag itself rather than the pseudo class on the links. So;

#navigation a { 
text-transform: uppercase;
}

Just in case anyone else has the same issue.

 

[bsugar]

Thanks for your tip.

I just typed out the text for the navigation bar again, but in capital letters this time. :nod:

 

[Corrosive]

I just typed out the text for the navigation bar again, but in capital letters this time. :nod:

The easiest solutions are always the best :icon_notworthy: