title: How to tell my background to overflow the container?
body: <p>Ok, I want to display some text next to my pricetables. This text has a background that must be repeated across the entire page, thus outside the container. Atm, the text is behind it's background (thus not visible), and the background gets cutted at the edge of the container.</p>
  
  <p>How can I edit this code so that I can see my text, and that the background overflows the edge of the container?</p>
  
  <p>This is how it looks like right now:</p>
  
  <p><a href="http://piclair.com/data/1t2ri.jpg" rel="nofollow noreferrer">preview http://piclair.com/data/1t2ri.jpg</a></p>
  
  <p>My CSS:</p>
  
  <pre><code>.overflow {
  margin:0 -400px;/* now equals 1600px wide */
  min-height:213px;
  background: url('/images/pakkettenbg.png') repeat-x;
  position:relative;
  z-index: 0;
  overflow: visible;
  }
  
  #onside {position: relative; z-index: 1; margin-top: 124px; color: #8C8C8B;} 
  #logopakketten {position: relative; z-index: 1; margin-left: 158px; margin-top: -332px; min-width: 782px; overflow: visible;} 
  #orderbuttons {position: relative; z-index: 1; float: left; margin-left: 158px;}     
  </code></pre>
  
  <p>And my HTML:</p>
  
  <pre><code>&lt;div class="overflow"&gt;
  &lt;div id="onside"&gt;
  &lt;p&gt;Unieke logo ontwerpen:&lt;/p&gt;
  &lt;p&gt;Levertijd:&lt;/p&gt;
  &lt;p&gt;Revisies:&lt;/p&gt;
  &lt;p&gt;Briefpapier ontwerpen:&lt;/p&gt;
  &lt;p&gt;Enveloppe ontwerpen:&lt;/p&gt;
  &lt;p&gt;Visitekaartje ontwerpen:&lt;/p&gt;
  &lt;p&gt;Bestandsformaten:&lt;/p&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;div id="logopakketten"&gt;
  &lt;img src="/images/logopakketten/Prijskolom%20S.png" alt="" /&gt; 
  &lt;img src="/images/logopakketten/Prijskolom%20M.png" alt="" /&gt; 
  &lt;img src="/images/logopakketten/Prijskolom%20L.png" alt="" /&gt; 
  &lt;img src="/images/logopakketten/Prijskolom%20XXL.png" alt="" /&gt;
  &lt;/div&gt;
  
  &lt;div id="orderbuttons"&gt;
  &lt;a href="#"&gt;&lt;img src="/images/logopakketten/ordernow.png" alt="" /&gt;&lt;/a&gt;
  &lt;a href="#"&gt;&lt;img src="/images/logopakketten/ordernow.png" alt="" /&gt;&lt;/a&gt;
  &lt;a href="#"&gt;&lt;img src="/images/logopakketten/ordernow.png" alt="" /&gt;&lt;/a&gt;
  &lt;a href="#"&gt;&lt;img src="/images/logopakketten/ordernowlastcolumn.png" alt="" /&gt;&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>