title: Remove white line in Chrome?
body: <p>Not really sure about what to do here. The first time i used a background image to <code>Cover</code> the background or body. Just to let you know, i have this in my css:</p>
  
  <pre><code>body, html
  {
      margin: 0px;
      padding: 0px;
      min-height: 100%;
      height: 100%;
      min-width: 100%;
      width: 100%;
      background: url("../images/bk.png") no-repeat center center;
      -webkit-background-size: cover;
      background-attachment: fixed;
      background-repeat: no-repeat;
      background-size: cover;
      -moz-background-size: cover;
      font-family: arial;
      border:0;
  }
  </code></pre>
  
  <p>for some reason, when the website is maximized on my 1920x1080 monitor, it is perfect, but still has the white line on top; However, i do believe that is because of my bookmarks bar. But the line on the left is what i need to get rid of. On my second screen, which is smaller, it looks perfect, unless i maximize it. Then that line re-appears. What is this and how do i get rid of it?</p>
  
  <p>Note: You can barley see it, but if you look towards the bottom, and look up, you will see the line. Here is a BETTER VIEW: <a href="https://i.stack.imgur.com/C963f.png" rel="nofollow noreferrer">http://i.stack.imgur.com/C963f.png</a></p>
  
  <p>Also, i am pretty sure that it is not a border. I added <code>border:0;</code> in the CSS, with no luck.</p>
  
  <p>Example:
  <img src="https://i.stack.imgur.com/C963f.png" alt="enter image description here"></p>