IE 7 won't see <a class-"#"

Hi all,

For the life of me I cannot figure out why IE7 does not see the <a class=“current” below.

Here is the HTML…

<div id="profileNav">
                    	<li><a class="current" href="community_relations">Job Profile</a></li>
                    	<li><a href="...

Here is the associated CSS…

#profileNav a.current {
background-color: #bd3d0d;

IE 8 and all other recognize the class but not IE7.

What am I missing?


It does at my end

Does for me. Make sure your cache is cleared in IE7 :).

I should have posted the rest of the CSS (see below)

It seems if I remove the a:link (line 9) IE7 can then display the a.current class but that screws with other formatting.

Any ideas?

#profileNav ul {
list-style: none;

#profileNav li {
display: inline;

#profileNav a:link, #profileNav a:visited {
color: #fff;
background-color: #68aafd;
text-decoration: none;
line-height: 50px;
padding: 8px;
border: 1px solid #ccc;

#profileNav a:hover {
background-color: #0375e3;
border: 1px solid #999;

#profileNav a.current {
background-color: #bd3d0d;

Can you show us a site where this is at? This will make debugging a lot faster :slight_smile:

Nevermind guys.

It was a caching issue as Luki_be suggested :smiley:

Thanks for the fast replies though.

Muchos graciás

You mean as I suggested :).

You’re welcome.

Off Topic:

Man i’m looking young for my age :smiley:

Off Topic:

Yes, you suddenly look (x-18) years younger! I must try that new cream of yours ;).

Off Topic:


Whoops! Sorry Ryan :smiley:
I’m getting old and senile :frowning: