Согласование шрифтов в текстовом поле

Как сделать textarea тем же шрифтом, что и все остальное на веб-странице?

В настоящее время у меня есть код:

test.html:

    <html>
      <head>
        <link rel="stylesheet" href="test.css">
      </head>
    <body>
        <div id="testarea">
          <textarea></textarea>
        </div>
    </body>
    </html>

test.css:

    body { font: 100%/120% Verdana, Arial, Helvetica, sans-serif;}
    #testarea textarea { width: 30em;height: 7em;font: inherit;}

Шрифт наследуется в Mozilla, но IE7 сохраняет Courier внутри текстового поля.

UPD: По-видимому, inherit не работает в IE для textarea, поэтому я пойду с помощью метода AlbertoPL.

Ответ 1