Problem: Some browsers show links in the default color in spite of being styled in CSS. On hover the CSS styling works.

Problem faced in: Google Chrome and IE6. No problem in FF

Solution:It is pretty simple by the way. There are two ways to resolve this ..

1. Dont use a:link ie. instead of

1

.menu a:link {...}

just use,

1

.menu a {...}

And the other way is declare the colors for all the states of the link

1
2
3
4

.menu a:link {...}
.menu a:visited {...}
.menu a:hover {...}
.menu a:active {...}

Remember the order. Its very important .. (Mnemonic - LoVe HAte)

Many thanks to: A certain CSS freak at webmasterworld forums