Can not seem to override a:link behavior in CSS for a given div

[BFP]

Hi All.

I have a footer in my site

<div id="footer">

I have set up an a:link style that just happens to almost exactly match my background image, so I attempt to override it using two techniques

#footer a:link {color:fff;}

or

a.footer-link:link {color:fff;}

with the appropriate class declaration in the code for the second method.

Neither method works and the link color never changes.

Any thoughts?

Thanks,

BFP

 

[Vragabond]

Does this work?

#footer a:link { color:fff !important; }

If it does, your problem is specificity. To read more on specificity, check here:

http://www.stuffandnonsense.co.uk/archives/css_specificity_wars.html

If not, you might be having an error in your stylesheet that makes it not being read beyond a certain point.

That is all I can help you with, because on an empty page, both your methods would work. With the first one being the preferred one.

___________________________________________________________
[small]Do something about world cancer today: PACT[/small]