html - textarea を残りのスペースの 100% にするにはどうすればよいですか?

Question

次の構造の div があります。

<div class = "card">
   <div class="menu">
      vertical menu here, pushed to the left
   </div>
   <div class ="content">
      <textarea> This should fill up everything in the card exept the menu div</textarea>
   </div>
</div>

メニューを残したまま、「textarea」でカード全体を埋めようとしています。私のjsfiddleは、それが少し広すぎて、何らかの理由でカードdivの下に押し込まれていることを示しています:

http://jsfiddle.net/PTSkR/105/

そのテキストエリアで残りのカードスペースを埋めるにはどうすればよいですか?