Posted by Steve Pugh on 07/12/06 08:57

Els wrote:

> I just discovered something weird in IE with some of my pages, and I
> can't figure out what could be wrong.
>
> I've got this page on my host's server:
> http://locusmeus.com/test/thumbswraptest.html
> And an exact copy of it locally:
> http://here.locusmeus.com/test/thumbswraptest.html
>
> In my IE6 under WinXP, the local copy shows the same as in Firefox,
> i.e. lightgreen and lightyellow backgrounds behind thumbnails and
> captions.
> The online copy however, shows these backgrounds as red, which I have
> in there to debug - it's not supposed to show, and it doesn't in the
> local version, nor in the online version in Firefox or Opera.

Doesn't seem to be a server issue. Seems to be an IE bug in applying
CSS to visited links. I bet that you clicked on a link on the online
copy but not the local copy.

When first loaded both versions (but am I actually see different copies
from here?) look the same in IE6. However, when I click a link and then
go back, the links now have a red background. This does not happen in
Opera.

It seems to me that IE is applying the
a:visited {
background:red; /* for debugging purpose */
}
in preference to the
span.thumb a{
background:#90EE90; /* lightgreen */
}
and
span.caption a{
background:#FFFFE0; /* lightyellow */
}
rules.

In general I would apply colours to a:link and a:visited and only use
pseudo-class-less a selectors for things like display: block and
margins.

Steve

[Back to original message]