I need a little help from a CSS guru ... please.

My test menu, at full resolution, displays a vertical level 3 menu to the right of level 2 menu. When displayed below 888px I want the the furthest right menu item to display level 3 menu to the left of level 2 menu.

I tried changing the position at line 107 of the CSS from left:100% to right:100% and left:-100% but the results were a bit wonky.

test menu is here http://designdiva.com/beta/test.html

I've attached a jpeg of what I'd like to accomplish.