I have a `font-size: 14px !important` applied to both the `h2` and the `a` elements in the following markup: `<h2><a href="#">Content</a></h2>`. However this heading appears gigantic (like a default `h2` heading) in Outlook 2010. Clearly the `font-size` rule isn't applied. But why?

Here's a more complete portion of my code:

```
<table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%">
   <tr style="padding:0;text-align:left;vertical-align:top">
      <th style="Margin:0;color:#686868;font-family:Helvetica,Arial,sans-serif;font-size:11px;font-weight:400;line-height:1.2;margin:0;padding:0;padding-bottom:0!important;text-align:left">
         <h2 class="small-text-center" style="Margin:0;Margin-bottom:10px;color:#063972!important;font-family:Times New Roman,Georgia,sans-serif!important;font-size:14px!important;font-weight:700!important;line-height:1.2;margin:0;margin-bottom:0!important;padding:0;text-align:left;word-wrap:normal"><a href="http://www.lefigaro.fr" class="supplement_titre" style="Margin:0;color:#063972!important;font-family:Times New Roman,Georgia,sans-serif!important;font-size:14px!important;font-weight:700!important;line-height:1.2;margin:0;padding:0;text-align:left;text-decoration:none">L'opposition projet de loi El Khomri ne faiblit pas</a></h2>
      </th>
   </tr>
</table>

```