Hola memoadian
una posible solución es crear un corte entre el div menu y lo que tienes debajo.
Al tener flotados todos los div que tienes por encima de "video", esto hace que para "video" no haya nada encima suyo,
Bueno la solución más sencilla es:
en el css agrega esta clase:
.vacia{clear:both;}
y en el html debajo de menu, es decir encima de video agrega
<div class="vacia"></div>
Es decir:
Código HTML:
<div id="menu">
<ul>
<li><a href="" class="current">Web</a></li>
<li><a href="">Foro</a></li>
<li><a href="">Portal</a></li>
<li><a href="">contacto</a></li>
<li><a href="">xxxxxxxx</a></li>
</ul>
</div>
<div class="vacia"></div>
<div id=video></div>
saludos y recuerda que los objetos flotados salen del curso normal del documento, y dicho espacio será ocupado por el elemento siguiente. (hasta parece que sé,
, y nada que ver, jajaja, es de tanto leer las respuestas de lo que sí saben en forosdelweb)