title: CSS3 Box, How to stop automatic resize with content?
body: <p>Here is a <a href="http://jsfiddle.net/h2Ya8/6/" rel="nofollow noreferrer">Fiddle</a> to see my problem in action! <a href="http://jsfiddle.net/h2Ya8/6/" rel="nofollow noreferrer">http://jsfiddle.net/h2Ya8/6/</a><br>
  Related to <a href="https://stackoverflow.com/questions/12489918/css-how-to-fill-remaining-space-1-div-with-smaller-divs/">CSS how to fill remaining space (1 div with smaller divs)</a></p>
  
  <p><strong>I am only using/testing this for Google Chrome, as it's going to run on a machine with Google Chrome</strong></p>
  
  <p>I have 10 rows with each 6 boxes. These boxes take up all the space available.<br>
  It works fine when i'm only putting content that fits in the box. But when the content is bigger than the box can handle, the boxes resize to fit the content.</p>
  
  <p>I want to stop the boxes from resizing and always stay the same, no matter what content is put in.<br>
  (currently i'm using div with div's but i want to replace this with box as it automaticly fills up the space available, )<br>
  (i need to fill these boxes with images and text)</p>
  
  <p>Current output with Div's
  <img src="https://i.stack.imgur.com/jMwZX.png" alt="Products in a cashdesk"></p>