title: How to get CSS table-cell to 100% for responsive design
body: <p>How do I get the following setup with CSS to work?</p>
  <p><img src="https://i.stack.imgur.com/oV52G.png" alt="layout" /></p>
  <h1>jsfiddle</h1>
  <p><a href="http://jsfiddle.net/16ex38mL/2/" rel="nofollow noreferrer">http://jsfiddle.net/16ex38mL/2/</a></p>
  <p>Basically, I intend to put an input box to #header-nav-content-search and let the div and the one below it resize responsively to 100% of the remaining width.
  I have two static width columns. One is the first one with 240px, and one is the last one with 200px.</p>
  <h1>code</h1>
  <pre><code>#header-nav-content-search {
    width: 100%;
  }
  </code></pre>
  <p>didn't do the trick.</p>