title: CSS Table Display Differences - Chrome Vs Firefox
body: <p>I recently noticed that my site is broken in Chrome despite displaying well in Firefox. Having studied the HTML and CSS at my page - </p>
  
  <p><a href="http://www.designlagoon.com/what-we-do/" rel="nofollow noreferrer">http://www.designlagoon.com/what-we-do/</a></p>
  
  <p>There is a larger gap below the 4 blue titles in Chrome than in Firefox - which is breaking the frame of the containing box. This seems to be related to padding / margin of the table layout I'm using but I'm struggling to work out a fix.</p>
  
  <p><img src="https://i.stack.imgur.com/Ky1Ex.png" alt="table display firefox"> <br/>
  <img src="https://i.stack.imgur.com/8htCK.png" alt="table display chrome"> <br/>
  <img src="https://i.stack.imgur.com/NiCS4.png" alt="broken container"></p>
  
  <p>If anyone can shed some light on what might be causing the problem I'd really appreciate it!</p>