title: Why are my posts under-lapping my sidebar?
body: <p>I'm working on a Tumblr theme and I'm trying to figure out why the posts are under-lapping the sidebar. Also, what happened to my post background? It's completely transparent.</p>
  
  <p>Here's the code (it's quite long):</p>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"   "http://www.w3.org/TR/html4/strict.dtd"&gt;
  
  &lt;html lang="en"&gt;
  &lt;head&gt;
  
  &lt;link rel="shortcut icon" href="{image:favicon}"&gt;
  &lt;!--
  this awesome theme is brought to you by boysjpeg
  
  ps: you can use this as a base code just credit me pls n thnk
  --&gt;
  
  &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8"&gt;
      &lt;title&gt;{Title}&lt;/title&gt;
  {block:Description}&lt;meta name="description" content="{MetaDescription}" /&gt;{/block:Description}
  
      &lt;!-- colors  --&gt;      
      &lt;meta name="color:background" content="#ffffff"/&gt;
      &lt;meta name="color:description text" content="#000000"/&gt;
      &lt;meta name="color:links" content="#000000"/&gt;
      &lt;meta name="color:text" content="#000000"/&gt;
      &lt;meta name="color:link hover" content="#000000"/&gt;
      &lt;meta name="color:border" content="#000000"/&gt;
  
      &lt;!-- images --&gt;
      &lt;meta name="image:Background" content="http://media.tumblr.com/816570c2eef396d30cd1cb35ab6cf7b6/tumblr_inline_mw4mkvBJ231s9ui6i.jpg" /&gt;
  
      &lt;meta name="image:favicon" content="http://media.tumblr.com/a64d6c4128012e7141034d583c4a3810/tumblr_inline_mvcf5ceA9V1s9ui6i.png"&gt;
  
      &lt;meta name="image:sidebar" content="http://31.media.tumblr.com/1d196d005a4ec399629cbd82b88f28c2/tumblr_msmmmt12351ql5dzio1_500.jpg" /&gt;
  
      &lt;!-- links --&gt;
      &lt;meta name="text:link 1 url" content="" /&gt;
      &lt;meta name="text:link 1 title" content="" /&gt;
  
      &lt;meta name="text:link 2 url" content="" /&gt;
      &lt;meta name="text:link 2 title" content="" /&gt;
  
      &lt;meta name="text:link 3 url" content="" /&gt;
      &lt;meta name="text:link 3 title" content="" /&gt;
  
      &lt;meta name="text:link 4 url" content="" /&gt;
      &lt;meta name="text:link 4 title" content="" /&gt;
  
      &lt;!-- ifs --&gt;
      &lt;meta name="if:bg" content="1"&gt;
      &lt;meta name="if:captions" content="1"&gt;
      &lt;meta name="if:link 1" content="1"&gt;
      &lt;meta name="if:link 2" content="1"&gt;
      &lt;meta name="if:link 3" content="1"&gt;
      &lt;meta name="if:link 4" content="1"&gt;
  
  &lt;style type="text/css"&gt;
  
  @font-face {
  
  font-family: "pixel";
  
  src: url('http://static.tumblr.com/ofgksh6/md0mkd9yd/bitxmap_font_tfb.ttf');
  }
  
  a:link, a:visited {
  color: {color:links};
  text-decoration: none;
  }
  
  a:hover {
  color: {color:link hover};
  text-decoration: none;
  }
  
  body {
  margin-top:50px;
  margin-left:100px;
  padding: 10px;
  {block:ifbg}
  background-image:url('{image:Background}');
  background-repeat:none;
  background-size:cover;
  background-attachment:fixed;
  {/block:ifbg}
  background-color: {color:Background};
  font-family: "pixel";
  font-size: 10px;
  color: {color:Text};
  }
  
  #sidebar {
  margin-top:125px;
  margin-left:-50px;
  background-color: rgba(255,255,255,0.3);
  position: fixed;
  float: left;
  width: 160px;
  font-family: "pixel";
  font-size: 10px;
  }
  
  #sidebar img{
  max-width:145px;
  }
  
  #posts {
  margin-top:100px;
  margin-left: 240px
  border-style:solid {color:border};
  border-width:1px;
  border-radius:none;
  padding: 7px;
  background-color: #ffffff
  float: right;
  width: 400px;
  }
  
  #posts img {
  opacity: 0.3;
  }
  
  #posts img:hover {
  opacity:1.0;
  filter:alpha(opacity=100);
  }
  
  #posts blockquote {
  border-left: 2px solid {color:Text};
  padding: 0 0 0 15px;
  margin-left: 0px;
  }
  
  h1 {
  font: italic 16px "pixel";
  text-align: center;
  }
  
  h1 a{
  color: {color:links};
  text-decoration: none;
  }
  
  #quote {
  font: italic 13px "pixel";
  text-align: center;
  }
  
  #asks {
  border-style:solid {color:border};
  border-radius:none;
  border-width:1.6px;
  }
  
  .pagination {
  position: absolute;
  top: -47px;
  }
  
  &lt;/style&gt;
  
  &lt;body&gt;
  
  &lt;div id="sidebar"&gt;
  &lt;p&gt;&lt;center&gt;&lt;a href="/"&gt;&lt;img src="{image:sidebar}" width="145"&gt;&lt;/a&gt;&lt;/center&gt;&lt;/p&gt;
  &lt;p&gt;&lt;center&gt; &lt;a href="/"&gt;home&lt;/a&gt; /
  &lt;a href="/ask"&gt;ask&lt;/a&gt; {block:iflink1}/
  &lt;a href="{text:link 1 url}"&gt;{text:link 1 title}&lt;/a&gt; /{/block:iflink1}
  {block:iflink2}&lt;a href="{text:link 2 url}"&gt;{text:link 2 title}&lt;/a&gt; /{/block:iflink2}
  {block:iflink3}&lt;a href="{text:link 3 url}"&gt;{text:link 3 title}&lt;/a&gt; /{/block:iflink3}
  {block:iflink4}&lt;a href="{text:link 4 url}"&gt;{text:link 4 title}&lt;/a&gt;{block:iflink4 &lt;/center&gt;&lt;/p&gt;
  
  &lt;p&gt;&lt;center&gt;{block:Pagination}
        {block:PreviousPage}
              &lt;a href="{PreviousPage}"&gt;back&lt;/a&gt;
        {/block:PreviousPage}
        /
        {block:NextPage}
              &lt;a href="{NextPage}"&gt;next&lt;/a&gt;
        {/block:NextPage}
  {/block:Pagination}&lt;/center&gt;
  &lt;/div&gt;
  
  {block:Posts}
  &lt;div id="posts"&gt;
  {block:Text}
  {block:Title}&lt;h1&gt;&lt;a href="{Permalink}"&gt;{Title}&lt;/a&gt;&lt;/h1&gt;{/block:Title}
  {body}
  {/block:Text}
  
  {block:Photo}
  &lt;a href="{PhotoURL-HighRes}"&gt;&lt;img src="{PhotoURL-400}" /&gt;&lt;/a&gt;
  {block:ifcaptions}{block:Caption}&lt;span class="caption"&gt;{Caption}&lt;/span&gt;{/block:Caption}{/block:ifcaptions}
  {/block:Photo}
  
  {block:Photoset}
  {Photoset-400}
  {block:ifcaptions}{block:Caption}&lt;span class="caption"&gt;{Caption}&lt;/span&gt;{/block:Caption}{/block:ifcaptions}
  {/block:Photoset}
  
  {block:Quote}
  &lt;div id="quote"&gt;"{Quote}"&lt;/div&gt;
  &lt;br/&gt;{block:Source}&lt;center&gt;- {Source}&lt;/center&gt;{/block:Source}
  {/block:Quote}
  
  {block:Link}
  &lt;h1&gt;&lt;a href="{URL}" target="{Target}"&gt;{Name}&lt;/a&gt;&lt;/h1&gt;
  {block:Description}{Description}{/block:description}
  {/block:Link}
  
  {block:Chat}
  {block:Title}&lt;h1&gt;{Title}&lt;/h1&gt;{/block:Title}
  {block:Lines} {block:Label}&lt;b&gt;{Label}&lt;/b&gt;{/block:Label} {Line}&lt;br /&gt;{/block:Lines}
  {/block:Chat}
  
  {block:Audio}
  &lt;center&gt;&lt;p&gt;{block:AlbumArt}
  &lt;img src="{AlbumArtURL}" width="100" height="100"&gt;
  {/block:AlbumArt}&lt;/p&gt;
  
  &lt;p&gt;&lt;strong&gt;Track&lt;/strong&gt;:
  {block:TrackName}
  {TrackName}
  {/block:TrackName}
  
  &lt;p&gt;&lt;strong&gt;Artist&lt;/strong&gt;:
  {block:Artist}
  {Artist}
  {/block:Artist}
  
  &lt;p&gt;&lt;strong&gt;Album&lt;/strong&gt;:
  {block:Album}
  {Album}
  {/block:Album}
  
  &lt;p&gt;{AudioplayerBlack}&lt;/p&gt;&lt;/center&gt;
     {block:ifcaptions}{block:Caption}&lt;span class="caption"&gt;{Caption}&lt;/span&gt;{/block:Caption}{/block:ifcaptions}
  {/block:Audio}
  
  {block:Video}
  {Video-400}
  {block:ifcaptions}{block:Caption}&lt;span class="caption"&gt;{Caption}&lt;/span&gt;{/block:Caption}{/block:ifcaptions}
  {/block:Video}
  
  {block:Answer}
  &lt;div id="asks"&gt;
  &lt;p&gt;&lt;a href="{AskerURL}"&gt;{Asker}&lt;/a&gt; said: &lt;i&gt;&lt;bold&gt;{Question}&lt;/bold&gt;&lt;/i&gt;&lt;/p&gt;
  &lt;/div&gt;
  &lt;p&gt;{Answer}&lt;/p&gt;&lt;/center&gt;
  {/block:Answer}
  
  &lt;p&gt;
  {block:Date}&lt;a href="{Permalink}"&gt;{TimeAgo}&lt;/a&gt;{/block:Date}
  
  /
  
  &lt;a href="{Permalink}"&gt;{NoteCount}♡&lt;/a&gt;&lt;/center&gt;{block:ifpermalinkicons}&lt;img src="" width="15" /&gt;
  
  /
  
  &lt;a href="{ReblogURL}" target="_blank" class="details"&gt;reblog&lt;/a&gt;
  
  
  {block:HasTags}{block:Tags}&lt;a href="{TagURL}"&gt;#{Tag}&lt;/a&gt; {/block:Tags}{/block:HasTags}
  
  {block:PermalinkPage}
  &lt;p&gt;
  {block:PostNotes}{PostNotes}{/block:PostNotes}
  {block:PermalinkPage}
  
  &lt;/div&gt;
  {/block:Posts}
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>