Using CSS inside table elements

I'm trying to use some CSS inside table elements which are fairly deeply buried within other table elements, and the styles just aren't working in IE 6 or Mozilla, but they work fine in the lovely Opera 7. I've searched everywhere I can think of for an answer to this, but I just can't find one and I've tried everything I can think of. This is the style sheet:

.SideLink {
font-size: 10px;
color: #999999;
padding-left: 20px;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

and an example of usage:

<a class="SideLink" href="Match.php">Next Match</a>

The weird thing is that I have used this style sheet everywhere in the same pages:

.InfoText {
font-size: 10px;
color: #999999;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

and it has no problems. Does anyone know of any reason IE and Mozilla would have problems with this style sheet inside a table? Wits end and all that.

Cheers

I've tried what you've posted and seems to work!
Perhaps you'd better post (or attach) some lines where you define your nested elements...

Ok, I've attached a file with an example. Its a bit long because I wanted to show how deeply this CSS is embeded. If you look near the bottom you'll see the SideLine CSS. Still no idea why its happening.