Css Link issue

[sely]

IE and Netscape Links don't match > http://www.9aday.com/home071305_b_leftnavbc.php.
Please Help.


stylesheet below.

.ActionLink{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: 000000;
text-decoration: none;
}
a.ActionLink:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: 000000;
text-decoration: underline;
}
.HighlightsLinks {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
font-style: normal;
line-height: 12px;
font-weight: normal;
font-variant: normal;
color: 9C0138;
text-decoration: none
}
a.HighlightsLinks:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
font-style: normal;
line-height: 12px;
font-weight: normal;
font-variant: normal;
color: 9C0138;
text-decoration: underline
}

a.HighlightsLinks:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
text-transform: uppercase;
color: 000000;
text-decoration: none;
line-height: 120%;
}
.HighlightsTitle {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11pt;
text-transform: uppercase;
color: 000000;
text-decoration: none;
line-height: normal;
}
.BodyCopy {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 155%;
color: 000000;
word-spacing: normal;
}
.NewsLinks {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #000000;
text-decoration: none;
overflow: scroll;
line-height: normal;

}
a.NewsLinks:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #000000;
text-decoration: underline;
overflow: scroll;
line-height: normal;

}
.FooterLinks {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #000000;
text-decoration: none;
text-align: center;
}
a.FooterLinks:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #000000;
text-decoration: underline;
text-align: center;
}
.Footer {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: 666666;
text-decoration: none;
text-align: center;
}
.SubNav {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #000000;
background-position: top;
text-decoration: none;
}
.SubNavHover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #000000;
background-position: top;
text-decoration: underline;
}
.Date {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #000000;
}
.BodyCopyLinks {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 155%;
color: 9C0138;
word-spacing: normal;
text-decoration: none;
}
a.BodyCopyLinks:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 155%;
color: 9C0138;
word-spacing: normal;
text-decoration: underline;
}
.headerlinks {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: FFFFFF;
text-decoration: none;
}
a.headerlinks:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: FFFFFF;
text-decoration: underline;
}
.LeftNav {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 180%;
color: #000000;
text-decoration: none;
}
.LeftNavHover {

font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 180%;
color: #000000;
text-decoration: underline;
}
.RelatedLinks {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 180%;
color: #000000;
text-decoration: none;
}
.RelatedLinksHover {

font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 180%;
color: #000000;
text-decoration: underline;
}
.highlightshome {
font-family: "Lucida Sans Unicode";
font-size: 17pt;
color: #FFFFFF;
}
.HighlightsTopic {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #000000;
text-decoration: none;
}
.breadcrumbactive {
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
font-style: normal;
line-height: normal;
font-weight: normal;
color: #CCCCCC;
}
.breadcrumblink {
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
font-style: normal;
line-height: normal;
font-weight: bolder;
color: #CCCCCC;
}

[ray326]

Are you talking about the image swap stuff? Instead of document.images['mainImage'] try document.getElementById('mainImage') and see if that helps.

[sely]

the problem has been resolved. thanks for your help.

[ray326]

The mouseovers still don't work, though. Maybe that's one you missed in the first place.