title: css tables for rowspan and colspan
body: <p>I am creating a table out of div's and need a method replicating the effect of a cell that spans 5 rows and a cell that spans 2 columns.</p>
  
  <p>This is what I have for a fiddle <a href="http://jsfiddle.net/dwlamb/ce0haca0/1/" rel="nofollow">http://jsfiddle.net/dwlamb/ce0haca0/1/</a>.  Anything I have tried ends up breaking the lay-out.</p>
  
  <p>If it makes it easier to figure out what I have done so far, comment out border in <code>.cell.empty</code> in the css to view all borders.</p>
  
  <p>As I have stated in that fiddle, I want a div that will span the two columns. My plan is to hide the spanned row div at smaller browsers &lt;769px and hide the two-column div at resolutions >768px</p>