Font Colors Change When Printing

I have a really perplexing issue here. I have a table that is built dynamically (probably an unimportant fact here, but just so you know). On the webpage, I have text being set as

Solution 1:

You need to enable "Print Background Colors and Images".

This, for some reason, also fixes the foreground colors. When unchecked the print is in economics mode.

---

      

---

Before and after shots:

Web Render: Print Before: Print After:

---

Sample page used:

<tableborder=1>
   ...

With CSS:

th {
    font-family: Arial;
    color:#244169;
    background:#d8ebf9;
}
td {
    font: bold 10pt Courier;
    background: #f1f5f8;    
}

.red {
    color: #ff0000;
}
.orange {
    color: #ff8300;
}
.yellow {
    color: #ffff00;
}

---

Internet options:

Note that under Tools -> Internet Options -> Advanced scroll down to Printing, there is an option for Print background colors and images. This does not affect "Print Preview" or print. At lest not here. (Only tested on Windows XP as that is the only place where I have IE8.)

However setting it in Print Preview, sets it permanently. Again; at least here. It affects both direct print and print preview.