title: Set position absolute and margin
body: <p>I would like to set an element's <code>position</code> to <code>absolute</code> and have a <code>margin-bottom</code>,  but it seems that the <code>margin-bottom</code> doesn't have an effect. </p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div id='container'&gt;&lt;/div&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>#container {
    border: 1px solid red;
    position: absolute; 
    top: 0px;
    right: 0px;
    width: 300px;
    margin-bottom: 50px; // this line isn't working
  }
  </code></pre>