title: CSS to get the overflow div container max width depending on inside elements
body: <p>I have a <strong>container</strong> and <strong>overflow</strong> <code>&lt;div&gt;</code> that shows many <code>&lt;ul&gt; &lt;li&gt;</code> lists... each  always has the <strong>same number</strong> of items <code>&lt;li&gt;</code> inside, both <strong>always bordered</strong>, like a table. </p>
  
  <p>BUT... I can have a case where the <code>&lt;ul&gt;</code> has <strong>only one bordered</strong> <code>&lt;li&gt;</code>.</p>
  
  <p>When I set the width of the <code>&lt;li&gt;</code> to 100%, the Chrome shows the <strong>right border</strong> seted to the margin/limit of the container div width, as shown in the image bellow:</p>
  
  <p><img src="https://i.stack.imgur.com/Y6IpF.jpg" alt="enter image description here"></p>
  
  <p>I´d like the <code>right border</code> of the lonely <code>&lt;li&gt;</code> should be positioned to the <strong>width limit (overflow)</strong> of the other <code>&lt;ul&gt; &lt;li&gt;</code> lists, as shown.</p>
  
  <p>Is it possible? What am I doing wrong?</p>
  
  <p>FIDDLE: <a href="http://jsfiddle.net/5hr7p/" rel="nofollow noreferrer">http://jsfiddle.net/5hr7p/</a></p>