title: max-width seems not working in safari
body: <p>I'll be only including the fiddle since its a long code (apologies since I included the whole code), my problem here is only in safari the two columns are not taking the full width which is <code>800px</code>. Everything works fine in other browsers. I tried using <code>width: 100%;</code> but then the margin-right get discarded. Also I think I can use something like <code>width: 97%</code>, but there must some other workaround. Please help, thanks in advance!</p>
  
  <p><a href="http://jsfiddle.net/RqDLs/2/" rel="nofollow noreferrer">Here is the fiddle.</a></p>
  
  <p>Below is the results in Safari vs firefox.</p>
  
  <hr>
  
  <p>Safari
  <img src="https://i.stack.imgur.com/TksIj.jpg" alt="This is what I&#39;m getting in safari."></p>
  
  <hr>
  
  <p>Firefox</p>
  
  <p><img src="https://i.stack.imgur.com/5z5qD.jpg" alt="firefox"></p>