title: CSS Width Greater then Page Width without Horizontal Scroll (overflow:hidden not an option)
body: <p>I've got a basic layout going in 960.gs. One line of text is absolutely positioned, starting within an inner DIV and exiting only the right side of the page. </p>
  
  <p>Here's a screenshot:
  <img src="https://imgur.com/gxvZg.jpg" alt="screenshot"></p>
  
  <p>The issue is that as the text appears as a series of unbroken words, if the width of the text box doesn't extend beyond the end of the page, it breaks some distance from the edge.</p>
  
  <ol>
  <li>overflow: hidden; doesn't do the
  trick because I need to set the
  width wider than the page.</li>
  <li>float
  won't work because the text can't
  escape the width of the inner DIV.</li>
  <li>I can't set it outside the inner DIV and just position it there as the same problem will still exist.</li>
  </ol>
  
  <p>The code is basically as simple as:</p>
  
  <pre><code>&lt;wrapper (containing) DIV&gt;
     &lt;text stripe DIV&gt;
        &lt;p&gt;&lt;/p&gt;
     &lt;/text stripe DIV&gt;
  &lt;/ wrapper DIV&gt;
  </code></pre>
  
  <p>I know I've done something like this before and I can't for the life of me remember what I ended up doing.</p>
  
  <p>Thanks.</p>