Im having an issue with table transparency.

My site has a solid background image, then i have tables which have a transparency (opacity) set through css.

The problem is, everything within the table, not just the table itself, is semi transparent.

For instance, i want to put an image within the table, and i want the table transparent but not the image itself. How can i acheive this while keeping the table transparent itself?

The code to blame looks like

td#page{
background-color: #070707; /* the background */
filter:alpha(opacity=85); /* Internet Explorer */
-moz-opacity:0.8; /* Mozilla 1.6 and below */
opacity: 0.8; /* newer Mozilla and CSS-3 */
}

how can i work it so that other elements contained within this area are not affected by the transparency?

everything within the table, not just the table itself, is semi transparent.

And that is as it should be. Transparency is INHERITED, so the 'child' elements inside the table inherit it's transparency settings. Not much you can do about it either.