CSS opacity IE/FF

tables diassapera in IE

[caspert ghost]

Hello all and thank you.

I have a site that uses css extensivly.
in Firefox the site looks great (except a few minor tweaks)
we use opacity to allow the background image to show through the tables. In FF this works fine, however in IE the tables dissappear or only show half the table.

below is the css for the tables (much more code in the css but this is what matters.

/* Tables
------------ */
.tablebg {
background-color: #000000; /* all box border color*/
filter: alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
}

.row1 {
/*background-color: #000000;*/
background-image: url('./images/cellpic2_OH.png');
padding: 4px;
}

.row2 {
/*background-color: #000000;*/
background-image: url('./images/cellpic1_OH.png');
padding: 4px;
}

.row3 {
padding: 4px;
}

row 1,2, and 3 are whats inside the tables (some small, some long, some medium)
as it is the table show as full 3 col. (multi) row tables in FF but in IE some of the tables show half or disappear altogether.

Any ideas?

[SuzyUK]

Hi caspert_ghost and welcome to WebmasterWorld!

can you give the HTML for the table, where are the classes applied, on the rows or cells?

when you say the table is disappearing is it the content or the table borders/cells?