div se como a otro

[memoadian]

Hola que tal, tengo un pequeño problema en firefox

lo que sucede es que tengo el siguiente código.

Código CSS:

#menu-wrapper{
  background:blue;
  width:980px;
  height:39px;
  float:left;
  margin:0 auto;
  padding:0 auto;
  margin-bottom:1px;
}
#video{
  background:green;
  width:980px;
  height:537px;
  margin-top:40px;
  margin-bottom:1px;
}
 

y el html asi.

Código HTML:

<div id="content-wrapper">
          <div id="menu-wrapper">
          </div>
          <div id="video">
          </div>
          <div id="main-wrapper">
          </div>
          <div id="sidebar-area">
                <div id="sidebar-wrapper"></div>
                <div id="sidebar-derecha"></div>
                <div id="sidebar-izquierda"></div>
          </div>
          <div id="publicidad">
          </div>
      </div>
 

como veran el div menu esta arriba del de video, pero en firefox se mete, (adentro jajajaja) y no se por que, si le doy mas margin a video, menu lo sigue y tiene el mismo margin, no se que pueda estar pasando. en IE se ve bien.

Gracias por su ayuda.

PD si quieren todo el codigo me dicen.