I'm trying to put a transparent background on a table that holds the major body of my text and images for the site. I'm trying to work around the behavior of the nested objects in the table that seem to inherit the transparency. I've tried a couple pretty clever ways to cheat this from forums i've found, but due to my need for the size and position of my table to be relative, i can't seem to get fully opaque text, images and dynamic content inside a table with a semi-transparent background.
I've thought of using <div>'s to put the text over the table, so they were seperate, but i'm using overflow: auto;
on the table so that it scrolls. My research so far tells me that there's just no way to do this so that it will look the same on all browsers, but I thought I'd see if anyone has any ideas.
Right now I just have a .png as the background as it displays correctly in IE7, firefox and opera browsers, but it's just a solid blue background on older browsers.
if you'd like to see it so far, this is the site: http://www.oceanecho.com
keep in mind we're still working on it.