CSS menu right aligned with markup: UL>LI>UL>LI -

A friend gave me this HTML and CSS:

My job To use it in CMS, but there are several problems with markup in that piece of code:

• Inside UL inside each UL
• LI>
• The order of the sub-pages has been returned

  My best effort is to:

  But I also have a problem:

  • On the right side of the sub menu is not normal, it is always 100 px

    I am struggling for hours, and hopefully someone knows only the way. I would love to learn another CSS move or two. Apart from this, the final solution should be "working" in IE7 +. "Not broken" in the form of "work", but not dexterously similar or "design-perfect".

    I appreciate any effort, thanks!

    Try it out:

    Let me know if something else needs to be changed < / P>

    In fact, this does not have to replace the HTML mark-up, either to work: