title: jQuery dotdotdot not working with calc
body: <p>Applying calc to a width of a containing div stops the jQuery dotdotdot plugin from working.</p>
  
  <pre class="lang-css prettyprint-override"><code>html {
      font-size: 62.5%;
  }
  div#outer {
      width: calc(100% - 1px);
  }
  div#inner {
      width: 200px;
      height: 100px;
      font-size: 4rem;
  }
  </code></pre>
  
  <pre class="lang-html prettyprint-override"><code>&lt;div id="outer"&gt;
      &lt;div id="inner"&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis nec tortor consequat, facilisis arcu iaculis, congue orci. Duis in dui augue. Nullam ultricies arcu ante, vitae iaculis ipsum hendrerit eu.&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><a href="http://jsfiddle.net/tuckerconnelly/KEqrL/2/" rel="nofollow">Here's the fiddle.</a></p>
  
  <p>Can someone help find a fix or workaround?</p>