IE - how to preserve white space in textarea, inputting with javascript string

Question

FF and Chrome are behaving nicely, but IE (8) is not keeping the white space in my formatted code I'm putting into a TEXTAREA

<textarea id="vdt_table_textarea" style="white-space: pre"></textarea>

and

var vdt_demo_table_string = '<table id="example" class="display">\n\
  <thead>\n\
    <tr>\n\
      <th>Rendering engine</th>\n\
      <th>Browser</th>\n\
      <th>Platform(s)</th>\n\
      <th>Engine version</th>\n\
      <th>CSS grade</th>\n\
    </tr>\n\
  </thead>\n\
  etc....
';

$(document).ready(function() {
  $('#vdt_table_textarea').html(vdt_demo_table_string.replace(' ', ' '));
});

how can I make IE respect my authoritah?!

Answer 1

CSS

textarea{
white-space:pre;
}

Or

textarea{
white-space:pre-wrap;
}