title: How can I gracefully expand a jQuery UI tooltip?
body: <p>I have the page below:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
      &lt;head&gt;
          &lt;title&gt;The Divine Liturgy&lt;/title&gt;
          &lt;meta charset='utf-8'&gt;
          &lt;style type='text/css'&gt;
              body
                  {
                  font-family: Verdana, Arial, sans;
                  }
              .ui-tooltip, .ui-widget, .ui-corner-all, .ui-widget-content,
              .ui-tooltip-content
                  {
                  background-color: #ffff00;
                  width: 800px;
                  }
          &lt;/style&gt;
          &lt;link rel='stylesheet' type='text/css'
          href='/js/jquery-ui-1.10.2.custom/css/smoothness/jquery-ui-1.10.2.custom.css'
          /&gt;
      &lt;/head&gt;
      &lt;body&gt;
  
  &lt;p title="Bless, Master!"&gt;Deacon: Blagoslavie, Vladyko!&lt;/p&gt;
  
  &lt;p title="Blessed is the Kingdom of the Father, and of the Son, and of the Holy Spirit: Now and ever, and unto the ages of ages."&gt;Priest: Blagoslovenno tsarsvo Otsa i Sina, i Svatago Duha, nine e presno, i vo beki vekov.&lt;/p&gt;
  
  &lt;p title="Christ is risen from the dead, trampling down death by death, and on those in the tombs bestowing life!"&gt;Clergy: Hristos voskrece iz mertvih, smertyio smert poprav, i sushim vo grodex zhevot darovav!&lt;/p&gt;
  
  
          &lt;script src='/js/vendor/jquery-1.8.2-min.js'&gt;&lt;/script&gt;
  
          &lt;script
          src='/js/jquery-ui-1.10.2.custom/js/jquery-ui-1.10.2.custom.min.js'&gt;&lt;/script&gt;
          &lt;script&gt;
              jQuery(document).tooltip();
          &lt;/script&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>I have tried several permutations on the CSS class, and its present behavior is to display a yellow background hover at a wider width, as desired, but without the black and white border area also being expanded--so the tooltip hovers with the contents spilling over the right boundary--not as desired.</p>
  
  <p>How can I ask for the containing box to fit the 800px inner containing div?</p>
  
  <p>Thanks,</p>