Menu Jquery posición absoluta

Buenas muchachos,
En esta oportunidad quiero mostrarles algo muy basico pero creo que a varios les ha pasado y conozco a otros que no lo han podido solucionar (entre esos me incluyo) para adaptar ciertos menus en jquery a nuestros diseños.
El problema es sencillo cuando uno se para sobre los items del menu se tiene que desplegar pero cuando se despliega mueve todo lo que le sigue, la idea es que esto no pase y por eso recurro a ustedes para ver si me pueden orientar y ayudar a solucionar este pequeño problemita.

http://nelsonsolano.com/sqquadra/maqueta.html

De ante mano gracias muchachos y yo se que tanto a mi como a otros compañeros nos servira una pequeña ayuda en este tema.

Lo ubique en otro tema, y pues me han dicho que acá es el lugar indicado para este tipo de preguntas.

Me han dado la respuesta de que es con posición absoluta pero creanme que quede igual o peor de confundido que antes, si alguien me pudiera colaborar con esa linea de código para entenderla estaría super agradecido.
Gracias

Bueno muchachos, despues de cacharrear un rato con eso de la posición absoluta les cuento que lo logre.
#menu{
position: absolute;
left:652px;
}
fue la solución que le dí, si hay alguna mas tecnica me comentan.
Gracias

Esa es la forma correcta de hacerlo, lo único que te falta es ponerle position: relative; al div #contenedor, de esta forma la posición absoluta del menú quedara relacionada con las dimensiones del div, que son estáticas y no con las de la ventana que pueden variar según el la resolución del monitor del usuario.

saludos.