HTML文本區域呈現比什麼在CSS

指定考慮下面的HTML窄得多：HTML文本區域呈現比什麼在CSS

<!DOCTYPE html> 
<html lang='en'> 
<head> 
    <meta charset='iso-8859-1' /> 
    <title>Test</title> 
    <style> 
     #IssuesListFieldSet { 
      width: 52em; 
      padding: 0; 
      margin: 0; 
     } 

     #IssuesList_result { 
      width: 52em; 
      padding: 0; 
      margin: 0; 
      border: 1px solid red; 
     } 

     #IssuesList_result_html { 
      width: 52em; 
      height: 100px; 
      display: block; 
      padding: 0; 
      margin: 0; 
      border: 2px solid cyan; 
     } 
    </style> 
</head> 
<body> 

<form action='#' method='post'> 
    <fieldset id="IssuesListFieldSet"> 
     <legend>Issues:</legend> 
     <div id="IssuesList_result"> 
      Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. 
     </div> 

     <textarea readonly id='IssuesList_result_html' cols='20' height='5'> 
      Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. 
     </textarea> 
    </fieldset> 
</form> 

</body> 
</html>

如何獲得textarea的是相同的寬度，因爲它上面的DIV吧？我試圖設置每個元素大致相同的寬度，現在是52 em，但textarea呈現比這更窄。據我所知，渲染引擎細節可以拋棄幾個像素，但這裏的差異遠遠超過了這個數字（可能是40％太小）。

我在Safari 5

來源

2011-04-15 mr. w