title: CKEditor textarea extending out past box in Chrome and Safari
body: <p>In FF, Opera, IE the CKEditor is working and looks great. But in Chrome and Safari it is not sizing correctly, and is extending past the container that it is inside. I assume this is because Chrome and Safari are currently the most standards compliant. See the images below.</p>
  
  <p><strong>Chrome</strong></p>
  
  <p><img src="https://i.stack.imgur.com/creAG.png" alt="alt text"></p>
  
  <p><strong>Opera</strong></p>
  
  <p><img src="https://i.stack.imgur.com/sKpQN.png" alt="alt text"></p>
  
  <p>I tried removing all of my CSS files to see if it was my css causing the issue, but that did not fix it either. Here is my call to CKEditor</p>
  
  <pre><code>//Make all textareas use the ckeditor
  $('textarea.WYSIWYG').ckeditor({
      toolbar: [
          ['Styles', 'Format'],
          ['Bold', 'Italic', 'NumberedList', 'BulletedList', 'Link']
      ],
      height: 100,
      width: "225px",
      enterMode : CKEDITOR.ENTER_BR,
      resize_enabled: false
  });
  </code></pre>
  
  <p>Any ideas what could cause this?</p>
  
  <p><strong>UPDATE</strong></p>
  
  <p>Here is a VERY dumbed down version of the code still causing the error.</p>
  
  <pre><code>&lt;!DOCTYPE HTML&gt;
  &lt;html&gt;
  &lt;head&gt;
          &lt;meta http-equiv="content-type" content="text/html; charset=UTF-8" /&gt;
          &lt;title&gt;Title&lt;/title&gt;
          &lt;script type="text/javascript" src="library/javascript/global/JQuery.core.js"&gt;&lt;/script&gt;
          &lt;script type="text/javascript" src="resources/local_javascript/ckeditor/ckeditor.js"&gt;&lt;/script&gt;
          &lt;script type="text/javascript" src="resources/local_javascript/ckeditor/adapters/jquery.js"&gt;&lt;/script&gt;
          &lt;script type="text/javascript" src="resources/local_javascript/base.js"&gt;&lt;/script&gt;
  
  &lt;/head&gt;&lt;body&gt; 
  &lt;div id="outerWrapper"&gt; 
  
      &lt;table id="FAQTable"&gt; 
  
          &lt;tr id="editingRow"&gt;
              &lt;td class="fixedWidth"&gt;
                  &lt;textarea class="WYSIWYG" id="FAQQuestionInput" rows="5" cols="1"&gt;&lt;/textarea&gt;                   
              &lt;/td&gt;
              &lt;td class="fixedWidth"&gt;
                  &lt;textarea class="WYSIWYG" id="FAQAnswerInput" rows="5" cols="1"&gt;&lt;/textarea&gt;
              &lt;/td&gt;
          &lt;/tr&gt;                    
     &lt;/table&gt; 
  &lt;/div&gt; 
  </code></pre>
  
  <p> 
  </p>
  
  <p>And here is the new image</p>
  
  <p><img src="https://i.stack.imgur.com/bU9Gg.png" alt="alt text"></p>