title: Website has horizontal scrollbar
body: <p>i am currently making a website but i have a horizontal scroll bar... here is the CSS for the body/html</p>
  
  <pre><code>body,html {
      min-width:600px;
      height:100%;
      margin:0;
      padding:0;
      font-family:Calibri;
  }
  </code></pre>
  
  <p>here is a fiddle: <a href="http://jsfiddle.net/charliejsford/8DSBY/" rel="nofollow">http://jsfiddle.net/charliejsford/8DSBY/</a></p>
  
  <p>how can i get rid of the horizontal scrollbar even when the screen size is changed?</p>