html - 重なっている div にフッターが重なっている - CSS

Question

Float Image と div をそれぞれ左と右に配置します。フロートフッターが画像とdivと混ざった後。

html

<img src="images/AboutUs.jpg" class="about_us" alt="about us" />
<div id="description">
djfdjfj
</div>

CSS

.about_us {
border: solid 1pt #efefef;
-webkit-border-top-left-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-bottomleft: 20px;
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
width: 30%;
margin-left:  5px;
float: left;
border-collapse: collapse;
}

#description{
background-color: #ffffff;
width: 69.2%; 
float: right;
border-collapse: collapse;
}

フッター

footer{
width:100%;
border-width:1px 0px 0px 0px;
border-style:solid none none none;
}

これがイメージです

そこで何が起こっているのですか？

Answer 1

これをフッターCSSに追加してみてください

footer{
float:left;
}