CSS class & embedded table

Hello, i have a table embedded in another table, when i apply a class to a table cell ie:

<td height="60" valign="top" class="sectionImportant">Important! Click here
</td>

all works except the link values. class in question is:

.sectionImportant {
FONT-SIZE: 8pt; COLOR: White; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #ff0000; TEXT-ALIGN: left; TEXT-DECORATION: none;
font-weight: bold; padding-left : 2px; padding-bottom : 0px; padding-right : 0px; padding-top : 0px;
}
A.sectionImportant:link {
FONT-WEIGHT: bold; COLOR: Blue; BACKGROUND-COLOR: #ff0000; TEXT-DECORATION: underline; padding-left : 2px; padding-bottom : 0px; padding-right : 0px; padding-top : 0px;
}
A.sectionImportant:visited {
FONT-WEIGHT: bold; COLOR: Blue; BACKGROUND-COLOR: #ff0000; padding-left : 2px; padding-bottom : 0px; padding-right : 0px; padding-top : 0px;
}
A.sectionImportant:hover {
FONT-WEIGHT: bold; COLOR: #ffffff; BACKGROUND-COLOR: #ff0000; TEXT-DECORATION: underline; padding-left : 2px; padding-bottom : 0px; padding-right : 0px; padding-top : 0px;
}

What browser(s) are you experiencing this problem with?

I have only tested with NS6 and IE5.5

I've experienced this too. Seems that tables want to "reset" any styles. I've been forced to assign a class attribute to the anchor tag, i.e.

<A HREF="doc.htm" CLASS="sectionImportant">Clickity Click</A>

Just an idea.