I created a simple html table with classes assigned to rows to alter the background color. I have a dark heading row which displays fine. I have a medium subheading row which also displays fine. The data is contained in rows with a light background. The first row of the light colored background displays fine, but the rows after that display in the default table background color which is gray. The last row of data in light colored cells also displays correctly. It's very strange, because if I open a new window over the top of it, and minimize it, the color appears correctly, but only where the window was covering it. When I refresh the page, it goes back to just the first line having color. Does this sound like it's caused by IE being flaky or an error in my code? It seems to work locally, but not on the web server, because when I created the page I had no problems.
Here's my CSS:
@media all {
.bg {BACKGROUND-COLOR: #CCCCCC; }
.drk {BACKGROUND: url(styleimg/drkblue.gif); COLOR: #EEEEEE; }
.med {COLOR: #EEEEEE; BACKGROUND: url(styleimg/medblue.gif); }
.lt {BACKGROUND: url(styleimg/ltblue.gif); }
}
Here's how I call it within table:
<TR VALIGN="top" CLASS="drk">
I use the different colors to designate headings etc.
Any suggestions would be helpful. Thanks!