Para IE intentaría lo siguiente.
Código HTML:
<td rowspan="3" class="ContentNewsDetail NewsList" valign="top" style="width:645px">
<h3>2009</h3><br />
<div class="efecto">
<h1>Title</h1>
<h2>Date - location</h2>
<p>content...</p>
</div>
</td>
Código HTML:
<style type="text/css">
.efecto:hover p
{
color:#0082B4;
}
.efecto:hover h2
{
color:#8C8D8E;
}
.efecto:hover h1
{
color:#FF6600;
}
</style>
Dentro de un elemento <a> no es posible poner <p>, <h1> o <h2>. Por lo tanto tu código HTML es incorrecto, pero: según IE soporta ":hover" en elementos que no son forzosamente <a>. Pero esto en FireFox u otros exploradores no jalaría.
Espero sirva.