title: safari web-kit browser page rendering with css
body: <p>I hope this is not a repeated question as I searched it all the web but couldn't figure it out.</p>
  
  <p>I have my website which is ( www.alshakir.com)
  I made most of the css external in (mainstyle.css)..</p>
  
  <p>it works fine with all browsers except mobile browers (Apple Ipad /Android tablets) i.e. Safari and web-kit broswers</p>
  
  <p>when I visit the website through them the page is padded with huge amount of space on the left side and the footer ..</p>
  
  <p>when I delete the CSS file (mainstyle.css) .. it works fine even on  the Safari and Webkit ..</p>
  
  <p>So it is a problem of CSS with mobile browsers ..</p>
  
  <p>What am I missing here??</p>