Table Cell Background Color Issue with IE7 and IE6

HTML & CSS
1

Finishing up a site for a client and I am having some issues with background colors not displaying in the tables styles I have created for the site for their plan break down sections. Does anyone know what’s going on here? It’s news to me that background colors on <TR>, <TD>, and <tbody> are not supported in IE7 and 6, if that is indeed the case. It could also be an issue with my code.

http://12.105.86.246/KenticoCMS/Employers/Voluntary-Dental-Benefit-Options.aspx

Any help is greatly appreciated.

Thanks

2

Hi,

In your reset stylesheet you set the td to be transparent which in IE kills any background set on the tr.


/* #Style Resets# */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100&#37;;
    vertical-align: baseline;
   [B] /*background: transparent;*/
}[/B]

Remove the transparent or apply it to only the elements that need it (which seems to be hardly any of those for modern browsers).