The positions of div block in HTML/CSS

See more:

CSS

HTML

Hello, I have some problem vs my HTML page, it's about div block position. In page I have free blocks:

<div id="page">
   <div id="menu">
      some content
   </div>
   
   <div id="content">
      some content from youtube
   </div>
</div>

Id's menu and content have CSS float:left.

Problem. Page look good, but if the youtube video have very large size, div content change position and replaced after menu, like add tag
after div menu.