title: Unusual margin appears in iPad, Safari Browser
body: <p>I was testing a website: <a href="http://freshbeer.lv/final/index.html" rel="nofollow">This Website</a></p>
  
  <p>When I stumbled upon the following problem. everything looks correct in all browsers I tesded on my computer (IE, Chrome, Safari, Firefox etc...) but When I test this website on iPad, in safari browser I get strange margin at the right side, I can't show a screenshot, but in a nutshell image all website page like you see it on computer, but shifted to the left side (so there is blank space on the right side). Can anyone suggest what is causing this?</p>
  
  <p><strong>EDIT:</strong> </p>
  
  <p>I noticed that this margin is somehow affected by margin of arrows that you can see on the sides (used to list through slides). Styles of the buttons have following id's </p>
  
  <pre><code>#prevslide   and   #nextslide
  </code></pre>
  
  <p><strong>EDIT2:</strong></p>
  
  <p>As code is very long, I will post links to stylesheets used in website here.</p>
  
  <p>Slideshow stylesheets, <strong>#prevslide, #nextslide</strong> style rules can be found in second stylesheet <br /><br />
  <a href="http://freshbeer.lv/final/js/slideshow/fade/css/supersized.css" rel="nofollow">Style1</a> <br />
  <a href="http://freshbeer.lv/final/js/slideshow/fade/theme/supersized.shutter.css" rel="nofollow">Style2</a></p>
  
  <p>And main stylesheet I use to style how website looks, however I dont think that the problem lies within it.</p>
  
  <p><a href="http://freshbeer.lv/final/css/main.css" rel="nofollow">Main Style</a></p>