Почему: до того, как css не работает в режиме просмотра с Expression Web?

Question

У меня Windows 7 64-битный компьютер и я использую Microsoft Expression Web 4.

Я создал страницу в Microsoft Expression Web. В этом я использую :before CSS, чтобы показать красную звездочку. Но в Design View Microsoft Expression Web, красная звездочка никогда не появляется. Только когда я сохраняю страницу и просматриваю ее в веб-браузере, появляется красная звездочка.

Это CSS:

div.form_control span.label_mandatory
{
       color: Gray;
       float: left;
       font-size: medium;
       font-weight: normal;
    margin-left: 7px;
    line-height: normal;
       overflow: hidden;
       text-align: right;
       white-space: nowrap;
       width: 138px;
}

div.form_control span.field_mandatory:before
{
    color: Red;
    content: '*';
    font-weight: normal;
    margin-left: -7px;
}

div.form_control span.field_mandatory
{
    font-size: medium;
    font-weight: normal !important;
    margin-left: 10px;
    text-align: left;
    width: 50px;
}

Это HTML:

<table width="100%">
<tr>
  <td>
    <div class="form_control">
      <span class="label_mandatory">English Description</span>
      <span class="field_mandatory">Dental QC (TB)</span>
    </div>
  </td>
</tr>
</table>

Так почему Design View не может показать эффект :before CSS? Что мне нужно сделать, чтобы Design View может показать это сразу?

Страница говорит мне, что использует CSS 2.1,

Спасибо