title: CSS3 equivalent to width:calc(100% - 10px)
body: <p>I'm searching for an alternative to migrate my CSS - already working on FF and Chrome -, because QtWebKit it's not rendering some CSS3 feature yeat.</p>
  
  <p>I have the following stuff:</p>
  
  <pre><code>.fit {
      width: -moz-calc(100% - 10px);
      width: -webkit-calc(100% - 10px);
      width: -o-calc(100% - 10px);
      width: calc(100% - 10px);
  }
  </code></pre>
  
  <p>I want a class to fit all element as displayed in wireframe example.</p>
  
  <p><img src="https://i.stack.imgur.com/anPVs.png" alt="enter image description here"></p>
  
  <p><strong>Note:</strong> Almost all CSS3 features can be perfect rendered, but as sayed before <code>*-calc()</code> have issues and can't find other solution eg. using <code>margin-right</code>, <code>padding-right</code> etc. </p>
  
  <p><strong>@EDIT:</strong> I created a fiddle <a href="http://jsfiddle.net/dj3hh/" rel="noreferrer">http://jsfiddle.net/dj3hh/</a> to show the expected behavior - You can resize fiddle and all margins respect <code>10px</code> from right. I want a new way to do this withou <code>calc()</code></p>