identificar posição do menu com jQuery

Galera montei um menu que aparece ao colocar o cursor sobre a letra B.

O problema e que quando ele esta alinhado a esquerda o menu some no canto da página.

Se eu remover a linha (margin: 0px 0 0 -225px;) O problema e resolvido, porem se eu alinha o menu a direita o problema volta.

Tem alguma forma do jQuery fazer isso de forma automática?

Segue o menu pronto:

https://jsfiddle.net/8ae7ty4c/