使Fieldset边框与TextArea匹配

Question

What's the best way to make the border around a fieldset more snug to a textarea? Consider:

<fieldset>
  <legend>Note Edit</legend>
  <textarea rows="30" cols="80" id="myTextArea">
  </textarea>
</fieldset>

...unfortunately, the right-hand fieldset border extends all the way to the far-right of the browser screen, leaving a gap between the right-hand borders of the textarea and the fieldset.

What's the best way to resolve this? W3School's fieldset tag reference doesn't mention anything about sizing fieldsets or their borders.

Using IE9 on a Win7 machine.

Answer 1

Just add the following CSS:

fieldset {
    padding:0;
    display:inline;
}

The borders of the fieldset are almost 'attached' to the textarea.

You can see this here-> http://jsfiddle.net/Cu2Nv/1