title: Why are two divs next to each other in columns not in the same position
body: <p>Please take a look at this fiddle: <a href="http://jsfiddle.net/d3uc9/4/" rel="nofollow">http://jsfiddle.net/d3uc9/4/</a></p>
  
  <p>I have a problem with this, as the two divs, in a table, next to each other, are not on the same margin line, even thought they share the same css class etc.</p>
  
  <p>What have I done wrong in the example, and must I change to make them on the same margin-top line?</p>
  
  <p>Thanks, I have tried to be as clear as possible.</p>
  
  <p>What I mean is that they should share the same margin-top line, but they don't, and what must I do to fix this?</p>