title: the website is displaying differently on Safari Mobile View
body: <p>Im practicing how to create a responsive website using bootstrap. Everything was fine when i tested my site on Firefox and Chrome using the Resizer extension but when i tried to view it on Safari theres a very small but obvious discrepancy with the bottom padding in one of the boxes(the purple one with the greater than sign). Ill attached the pictures to show what i mean.</p>
  
  <p>Firefox view using Resizer Extension
  <a href="http://i168.photobucket.com/albums/u173/carlocarr/ScreenShot2013-11-01at52435PM_zps8da019a9.png" rel="nofollow">http://i168.photobucket.com/albums/u173/carlocarr/ScreenShot2013-11-01at52435PM_zps8da019a9.png</a></p>
  
  <p>Safari view using Developer tools
  <a href="http://i168.photobucket.com/albums/u173/carlocarr/ScreenShot2013-11-01at52455PM_zps587313c1.png" rel="nofollow">http://i168.photobucket.com/albums/u173/carlocarr/ScreenShot2013-11-01at52455PM_zps587313c1.png</a></p>
  
  <p>Is there any Safari Mobile specific CSS?? what should i do? help! </p>