Browsers changes color?

[BirdOPrey5]

Originally Posted by Lynne

Are you sure it isn't because in IE your've 'visited' the link? You've got it set so visited links are that teal color.

I can confirm... in google chrome it shows up as "very" blue, when I use the IE tab for chrome it shows up in the more 'turquoise' color blue, just like he posted.

Strange one IMO... maybe the .css isn't quite formatted right and IE is a bit more forgiving? I'm not a css expert so it wouldn't help much for me to see it.

--------------- Added [DATE]1276475874[/DATE] at [TIME]1276475874[/TIME] ---------------

OK so I played with this anyways... In IE the color of those links is being controlled by the code:

a:link, body_alink
{
	color: #2687A9;
}

I know because I saved it locally, changed it to #c0c0c0; and in IE the links turned grey, like they should, but in Chrome/FF they stayed blue, so my guess is at some point something is over-riding your first decoration... I will look and see if I can find anything, something is obviously causing it to turn blue.

--------------- Added [DATE]1276477296[/DATE] at [TIME]1276477296[/TIME] ---------------

So I'm lost... I searched all your code an no where do I see the word "blue" nor the hex color for blue (0000FF) and when I put your page into my photo editor the hex code for your exact blue was 0000EE, also no where to be found in your source code...

OK I deleted all your CSS and 99% of the HTML from the file and the links are still showing up blue... that's when I realized they are blue because that is the default color of links in FF/Chrome/etc... when I changed the default to red all your links changed to red even in the original file... Therefore for whatever reason Chrome and Firefox are ignoring this code completely and have undefined link colors... like I said I'm no CSS expert but the problem is obviously with this bit of code:

a:link, body_alink
{
	color: #2687A9;
}

--------------- Added [DATE]1276478334[/DATE] at [TIME]1276478334[/TIME] ---------------

OK it appears your code is spot on... I don't know why but when I move the alink code directly below your line: <style type="text/css" id="vbulletin_css">
everything works- correct colors in all browsers... damned if I can figure out WHY but it works.

--------------- Added [DATE]1276478796[/DATE] at [TIME]1276478796[/TIME] ---------------

Eureka!
In your .body deffinition you have a } bracket facing the wrong way, it should be:

 fixed{url(images/body_bg.jpg); background-repeat: no-repeat; background-attachment: fixed};

You have:

 fixed}url(images/body_bg.jpg); background-repeat: no-repeat; background-attachment: fixed};

That is what was killing the tag below it in the other browsers. IE didn't care.