Menu Widget Flyout Position

I am trying to place a menu flyout in the bottom right corner of my mashup's master template.  However, I am unable to set the location of the flyout so it does not hang off the screen as shown in the picture attached.  Through Chrome Developer tools I am able to manually modify the position as desired (attached), however when I create custom CSS targeting the flyouts class, the custom css is not applied but the selector is shown in dev tools.  Just empty with none of the styling applied. 

Anyways, does anyone have an idea of a way to position a menu flyout or have a different solution to arrive at my desired result?