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

HTML & CSS
1

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">
                    <ul>
                    	<li><a class="current" href="community_relations">Job Profile</a></li>
                    	<li><a href="...
</ul>

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?

Cheers,
ozmo

2

It does at my end

3

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

4

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

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

6

Nevermind guys.

It was a caching issue as Luki_be suggested :smiley:

Thanks for the fast replies though.

Muchos graciás
ozmo

7

You mean as I suggested :).

You’re welcome.

8
Off Topic:

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

9
Off Topic:

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

10
Off Topic:

lol

11

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