"color " property does not work right

[liunx]

Can someone explain why this doesn't change font color to red in IE 6 and mozilla 1.6 ??? Everything else works just fine.


a:hover{ text-decoration: none;
font-family: Verdana, Helvetica, sans-serif;
font-size:11px;
line-height: 11px;
font-weight: bold;
padding-left: 1px;
padding-right: 1px;
background-color: white;
color: red }

Thanksa:hover { text-decoration: none;
font-family: Verdana, Helvetica, sans-serif;
font-size:11px;
line-height: 11px;
font-weight: bold;
padding-left: 1px;
padding-right: 1px;
background-color: white;
color: red;
}

you forgot a ";" afterOriginally posted by lakers01
you forgot a ";" after

Still doesn't work.can you give us the URl to your siteNot really. It's being developed and not available on the web just yet.Try #FF0000 instead of redDid not work. These are all my styles.


<style>


a:hover{ text-decoration: none;
font-family: Verdana, Helvetica, sans-serif;
font-size:11px;
line-height: 11px;
font-weight: bold;
padding-left: 1px;
padding-right: 1px;
background-color: white;
color: #FFFF00; }

A:link { text-decoration: none;
font-weight: bold;
color: #ffffff }

A:visited { text-decoration: none;
color: #ffffff }

.fontFace { color: #CFB53B }
.fontFace2 {color: #808080 }
.fontFace3 {color: #000040 }

#body h1{ font-family: Verdana, Helvetica, sans-serif; font-size:17px; line-height: 24px; color: #444444; font-weight: normal; margin-top: 10px;}
#body h2{ font-family: Verdana, Helvetica, sans-serif; font-size:14px; line-height: 17px; color: #666666; font-weight: normal; }
#body h3{ font-family: Verdana, Helvetica, sans-serif; font-size:18px; line-height: 17px; color: #83333E; font-weight: normal; }
#body h6{ font-family: Verdana, Helvetica, sans-serif; font-size:10px; line-height: 13px; color: #444444; font-weight: normal; margin-bottom: 0px;}
#body p{ font-family: Verdana, Helvetica, sans-serif; font-size:12px; line-height: 18px; color: #444444; font-weight: normal; }
#body.text{ font-family: Verdana, Helvetica, sans-serif; font-size:12px; line-height: 18px; color: #444444; font-weight: normal; }
#body ul{ font-family: Verdana, Helvetica, sans-serif; font-size:12px; line-height: 18px; color: #444444; text-align:left;}
#body ol{ font-family: Verdana, Helvetica, sans-serif; font-size:12px; line-height: 18px; color: #444444; text-align:left;}
#body li{ font-family: Verdana, Helvetica, sans-serif; font-size:12px; line-height: 18px; color: #444444; margin: 0px 0px 4px 0px; }
#body hr{ height: 1px; color: #444444; }

.smalltext { font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height:11px;
font-weight: normal;
color: rgb(51, 0, 102);
padding-bottom: 4px;
padding-top: 4px; }

.smalltext2{ font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height:11px;
color: #787E80;
font-weight: normal;
padding-bottom: 4px;
padding-top: 4px; }

.bigtext {font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
line-height:11px;
font-weight: normal;
padding-bottom: 4px;
padding-top: 4px; }



</style>

This is the only place that has links.


<div id="menu" style="position: absolute; left: 10; top: 85; ">
<table align="left" border="1" bordercolorlight="#202020" bordercolordark="#202020" cellspacing="0" cellpadding="10"
bgcolor="#000099">


<td class="smalltext"><a href=http://www.webdeveloper.com/forum/archive/index.php/"#">
Merit & Associates</a></td>

<td class="smalltext"><a href=http://www.webdeveloper.com/forum/archive/index.php/"#">
Merit Alternative Investments</a></td>

<td class="smalltext"><a href=http://www.webdeveloper.com/forum/archive/index.php/"#">
Merit Investment Managements</a></td>

</table>
</div>


Everything else works. I am absolutely and totaly confused at this point.I dont know your css validatesPut the a:hover CSS after the A:link and A:visited codes.Fixed.

Thank you.Happy to help.