title: Position:absolute / fixed changes display-property to block
body: <p>Today I faced an interesting problem at work.
  When I style an inline-element with position:absolute or fixed it behaves like a block-element which can have a height and with.
  Here a short example:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>span {
    background: red;
    height: 100px;
    width: 100px;
  }
  
  span#absolute {
    position: absolute;
    top:30px;
    left:30px;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;span&gt;Inline&lt;/span&gt;
  
  &lt;span id="absolute"&gt;Inline, too&lt;/span&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>As you can see both spans have <code>height</code> and <code>width</code> (which should be ignored on inline-elemens). However it gets applied when using <code>posision:absolute</code>.</p>
  
  <p>So my question: Is the second <code>span</code> behaving like <code>display:block</code> completely or is it just a semi-block-behaviour?</p>