title: Avoid sidebar overlapping content on tumblr with CSS positioning
body: <p>I'm having problems avoiding my sidebar to overlap the main content of my blog on tumblr. I am using a premade template on tumblr which i have modified. The only ways I can position my sidebar in the top right corner, is by using an absolute or fixed position:</p>
  
  <pre><code>#sidebar{
  position:fixed;
  top:20px;
  right:20px;
  }
  </code></pre>
  
  <p>When using e.g. relative, the sidebar position itself in the bottom after my main content.</p>
  
  <p>My page is built up like this:</p>
  
  <pre><code>&lt;body&gt;
      &lt;div id="page"&gt;
  
          &lt;div id="header"&gt;
          &lt;/div&gt;
          &lt;div id="content"&gt;
          &lt;/div&gt;
  
      &lt;/div&gt;
  
      &lt;div id="sidebar"&gt;
      &lt;/div&gt;
  
  &lt;/body&gt;
  </code></pre>
  
  <p>Click <a href="http://www.itflowsmusic.tumblr.com" rel="nofollow">here</a> to see the page.
  I tried putting my sidebar inside the page div, but there's a constraint on the width, which I would like to keep. Thank you in advance.</p>