submenus dont stay central to its main menu item

[David]

i have a situation where the submenus dont stay in the middle of the main menu when the browser window is smaller.

i've attached an image to show what i mean.
The submenus are coming out when i over over the Main Menu that is highlighted Orange. I expect the left side of the submenus to be lined up with the left side of the main menu, even if that means they go off the edge of the Browser Window.
i've tried setting the 'Offset' property to a minus number, but that just moves the submenu further to the left. trying to set the Offset property to a positive number doesn't resolve this issue.

the screen shot shows me with a Web Browser that is not fully maximized, but the same issue with the submenus will occur when the browser is maximized but on a smaller screen.

is this possible?
cheers

[Shinu]

Hi David,

Please have a look at the following CSS that I have tried to align the Menu.

CSS:

.rmVertical .rmGroup .rmLevel1
{
    align-self: center ! important;
}

Thanks,
Shinu.

[David]

sorry for the late reply. i was on holiday :)
your answer has helped me to resolve my issue. thanks.