title: Border position- does not work.
body: <p>CSS: </p>
  
  <pre><code> .poziomy a{
    font-family: 'Open Sans', sans-serif;
    font-size: 23px;
    fotnt-weight: 400;
    text-decoration: none;
    overflow: hidden;
    border-style: dashed;
    color: #1a1a1a;
    padding-top: 10px;
    padding-left: 70px;
    padding-right: 70px;
    padding-bottom: 10px;
    z-index: 1100;
  
  }
  
  .poziomy a:hover{
    font-family: 'Open Sans', sans-serif;
    font-size: 23px;
    fotnt-weight: 400;
    text-decoration: none;
    overflow: hidden;
    color: #00bca4;
    border-style: dashed;
    padding-top: 10px;
    padding-left: 71px;
    padding-right: 71px;
    padding-bottom: 10px;
    z-index: 1100;
  }
  
  #poziom1{
    top: 2100px;
    left: 20%;
    width: 300px;
    height: 100px;
  }
  </code></pre>
  
  <p>HTML: </p>
  
  <pre><code>    &lt;div id="poziom1" class="poziomy"&gt;
  &lt;a href="http://www.google.pl"&gt; Poziom 1
  &lt;/a&gt;&lt;/div&gt;
  </code></pre>
  
  <p>The div doesn't show at -top: 2100px but somewhere else like in the middle of the site which I dont wnat to. Don't know why. </p>
  
  <p>Somebody can help or have some ideas what to change?</p>