Hi,
Sorry, I just saw this post...
Sure you could do that. Let me set up the problems and some solutions first.
1. Since the submenu won't 'lay across' the frame border if you are using a vertical menu you'd probably need a lot of space. You could set the offsets for the subs so they would open more toward the left and lower.
2. Even if you get it set up with what you have, if the person has accessibility issues and increases font size it could cause everything to go out of align.
Now, some suggestions. Does it have to be a side menu? If you could set it up at the top, you could use less space by using a horizontal menu with horizontal submenus like this, though you don't need to do images
http://milonic.com/menusample71.php
There is also a collapse menu. Now, many use this with no problem because they aren't doing fancy stuff or weird layouts or trying to force it to do what it was never designed to do, but this menu is NOT in release and it has no support except what I can provide here, which if it is a program change, addition, fix I can't do and Milonic is not doing at this point. The advantage to this menu is the sub opens down below the item.
Collapse demo:
http://milonic.com/treemenu/collapse/
Collapse download:
http://milonic.com/treemenu/collapse/collapse.zip
Do NOT use the treemenu.js file that is in that download, it is way way out of date. Use the newest menu program files and the treemenu.js module in the modules folder of that.
If you had a test page I could set up some examples for you.
Ruth