Link colour doesn't show in IE

[Danaldinho]

Hi, on a page like this on my gallery: http://www.lilwaynehq.com/cpg1419/index.php?cat=13 the links are red and when you hover over them they turn blue and this is how I wanted it, but this only works in Firefox

Here is a picture:

http://i260.photobucket.com/albums/ii10/DanielMousdell/ff-1.jpg?t=1226247678 Edit GauGau] Replaced hotlinked image with attachment ff-1.jpg as per Board rules / Forum policies: Add Attachments [/Edit]

Now in Internet Explorer, the colour doesn't seem to show as the links are black even when hovering over them. Here is a picture:

http://i260.photobucket.com/albums/ii10/DanielMousdell/ie.jpg?t=1226247702 Edit GauGau] Replaced hotlinked image with attachment ie.jpg [/Edit]

Now I have looked and I don't understand why the link colour is not showing

Anyone know why it isn't showing?

Also I am using the greenflower theme

Thanks alot

[Nibbler]

Works as expected in IE6. Try clearing your cache.

[Danaldinho]

I have just cleared my cookies and cache again and it still stays the exact same

[Joachim Müller]

Works as expected in FF2 and Epiphany, doesn't work in Opera (the breadcrumb links show in red/blue, but the h2 links show in the "regular" h2 color), so I conclude that it might not work in IE neither (I don't have it available here). You didn't override the defaults - you just have specified the "regular" link color like this

Code Select Expand

a
{
        color: #DD0000;
text-decoration:none;
/* border-bottom:1px dashed;  */ /* edited for Coppermine */
}
a:link {
color:#DD0000;
}
/*
a:visited {
color:#DD0000;
}
*/
a:hover {
color:#0000FF;
/* border-bottom:1px solid;   */ /* edited for Coppermine */
}
(defined in http://www.lilwaynehq.com/cpg1419/themes/greenflower/style_wp.css). If you take a closer look at http://www.lilwaynehq.com/cpg1419/themes/greenflower/style_cpg.css you'll note that the theme designer has defined link behaviour for all sorts of classes, like

Code Select Expand

.bblink a {
        color: #8090A3;
        text-decoration: none;
}

.bblink a:hover {
        color: #0033CC;
        text-decoration: underline;
}
I suggest doing the same explicitely for links within h2 tags, so the corresponding lines you need to add at the bottom of the stylesheet would look like this:

Code Select Expand

h2 > a {
        color: red;
        text-decoration: none;
}

h2 > a:hover {
        color: blue;
        text-decoration: underline;
}

[Danaldinho]

Yeah I get you, I will work on this now

Thanks