video displacement

by cristianromagnoli

HTML

<section><div class="content"> section section section section section section section section section section section section section section section section section section section section section section section section section section section section section section section section section section section section section</div><div class="sidebar">sidebar sidebar sidebar sidebar sidebar sidebar sidebar sidebar sidebar sidebar sidebar sidebar sidebar sidebar sidebar sidebar sidebar sidebar sidebar sidebar sidebar sidebar sidebar sidebar sidebar sidebar sidebar sidebar sidebar sidebar sidebar sidebar sidebar sidebar sidebar sidebar sidebar sidebar sidebar sidebar sidebar sidebar sidebar sidebar sidebar sidebar</div></section>
<footer><iframe width="640" height="390" src="http://www.youtube.com/embed/yEowbmxLqEM" frameborder="0" allowfullscreen></iframe></footer>

CSS

section, footer{width:400px; padding-bottom:20px;}
section{background-color:grey; overflow:hidden;}
.content{float:left; width:350px;}
.sidebar{float:right; width:50px;}
footer{background-color:red;}
iframe{width:200px; height:100px; position: relative; bottom:10px; border: 4px solid red;}