title: div shifts without border
body: <p>I'm trying to remove border but I can't. border: none  ,  border-style:none; border-width:0px or no definition for border. I tried all of those for the header but whenever I try, the div shifts.</p>
  
  <p><img src="https://i.stack.imgur.com/1oOo0.png" alt="border:none"></p>
  
  <p>And this is how it looks like with a border(any style)</p>
  
  <p><img src="https://i.stack.imgur.com/ZXYpX.png" alt="enter image description here"></p>
  
  <p>And these are rest of css codes and html codes of the 2. situation.
  CSS:</p>
  
  <pre><code>body{
  top:0px;
  text-align:center;
  background-color:#F3F3F3;
  margin:0px;
  }
  
  div#baslik{
  top:0px;
  width:800px;
  height:230px;
  border-style:solid;
  margin-left:auto;
  margin-right:auto;
  background-image:url('/gorsel/baslik.jpg');
  }
  
  div#siteler{
  text-align:right;
  height:55px;
  width:800px;
  padding-bottom:5px;
  bottom:0px;
  margin-top:195px;
  padding-right:30px;
  }
  
  a:visited,a:link.siteler{
  padding-right:10px;
  padding-left:10px;
  }
  
  img:hover.siteler{
  -moz-box-shadow:0px 0px 10px #FFF;
  -webkit-box-shadow:0px 0px 10px #FFF;
  box-shadow:0px 0px 10px #FFF;
  }
  
  img.siteler{
  width:30px;
  height:30px;
  }
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;title&gt;BAŞLIK&lt;/title&gt;
      &lt;link rel='stylesheet' type='text/css' href='tema.css'&gt;
      &lt;meta http-equiv='Content-Type' content='text/HTML; charset=utf-8' /&gt;
      &lt;link rel='shortcut icon' href='/gorsel/favicon.ico' type='image/x-icon' /&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div id='baslik'&gt;
          &lt;div id='siteler'&gt;
              &lt;a class='siteler' href=#&gt;&lt;img class='siteler' src='/gorsel/facebook.jpg'&gt;&lt;/a&gt;
              &lt;a class='siteler' href=#&gt;&lt;img class='siteler' src='/gorsel/rss.jpg'&gt;&lt;/a&gt;
              &lt;a class='siteler' href=#&gt;&lt;img class='siteler' src='/gorsel/twitter.jpg'&gt;&lt;/a&gt;
              &lt;a class='siteler' href=#&gt;&lt;img class='siteler' src='/gorsel/planetminecraft.jpg'&gt;&lt;/a&gt;
              &lt;a class='siteler' href=#&gt;&lt;img class='siteler' src='/gorsel/youtube.jpg'&gt;&lt;/a&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>