Duda Jquery, menu desplegable

Saludos

actualmente y despues de seguir las lecciones de html y css de cctw, estoy creando una pagina web por primera vez xDD, bueno la cuestion es la siguiente, tengo un menu, en donde estan ubicados unos links que llevarían a las correspondientes secciones dentro de la pagina, la distribucion es mas o menos así

Historia
Modalidades
Tecnicas
Ciencia y billar (la pagina es sobre billar)

en la sección de modalidades hay 2 sub categorias: tecnicas de pool, y tecnicas de carambola
lo que quiero es que cuando el usuario ponga su mouse, sobre modalidades se despliegue a la derecha un cuadrito donde estarán los links que lo llevaran a las sub categorias respectivas, bueno averigue y vi que con Jquery se puede hacer algo así, entonces agrege el script y puse todo en listas, coloque el script, le puse a las lista estilo para que flotaran a la derecha pero aun salen un poco debajo y cuando salen desplazan todos los otros elementos,yo no quiero eso quiero que salgan a la derecha sin desplazar los otros
usando el hosting que tan amablemente ofrece cctw, he ido subiendo mis pruebas, el archivo del que hablo pueden verlo aquí

http://billarwinners.comocreartuweb.es/pags/historia-billar2.html

lo que quiero es que cuando ponga el mouse sobre el link el cuadrito se abra a la derecha y sin desplazar lo de abajo, pero no se bien como hacerlo, o que se superponga a lo de abajo y que al retirar el mouse, se esconda de nuevo

Gracias de antemano espero una pronta respuesta