div重叠侧边栏（简单解决方案）

Question

所以我的网站出现了很多问题。我把他们中的大部分都解决了，但是我似乎忽略了一些简单的事情，为什么我的一个div而不是另一个在侧边栏停下来。我没有代表发布图片，所以我希望发布一个类型链接是好的。 http://tinypic.com/r/20zrzoo/8

如何防止这种情况？这是我的HTML：

<div id="banner"><img src="images/img05.jpg" alt="pool"></div>
<div id="sidebar"><p>Placeholder text</p>
                <pPlaceholder text</p>
                <p>Placeholder text</p>
                <p></p>
                </div>

                <div id="content"><p><img src="images/img07.jpg" alt="tropical forest scene"></p></div>

                  <p>&nbsp;</p>




              <!-- end #content -->

我非常肯定我放错了东西（容器明智）。这也是我的CSS：

#content {
float: left;
width: 0 auto;
padding: 0px 0px 0px 0px;


}

#sidebar {
float: right;
width: 250px;
height: 100%;
padding: 0px 0px 0px 0px;
}

#sidebar ul {
margin: 0;
padding: 0;
list-style: none;
}

#sidebar li {
margin: 0;
padding: 0;
}

#sidebar li ul {
margin: 0px 0px;
padding-bottom: 30px;
}

#sidebar li li {
line-height: 35px;
}

#sidebar li li span {
display: block;
margin-top: -20px;
padding: 0;
font-size: 11px;
font-style: italic;
}

#sidebar li li a {
color: #181B20;
}

#sidebar h2 {
height: 38px;
margin-bottom: 20px;
padding: 12px 0 0 0px;
border-bottom: 1px dashed #B3B0B0;
letter-spacing: -1px;
font-size: 24px;
color: #262626;
}

#sidebar p {
margin: 0 0px;
padding: 0px 20px 20px 0px;
text-align: justify;
}

#sidebar a {
border: none;
}

我在这里搞砸了什么？