Per quanto riguarda la posizione del sottomenu quando il menu è espanso ho risolto con una funzione jquery, questa:
codice:
$('.dropdown').click(function(){
    // posizione della prima voce del menu (Menu 1 in questo caso)
    var ref_position = $('.dropdown:first').position();

    // posizione della voce di menu sulla quale si clicca
    var this_position = $(this).position();

    // di quanto devo spostarmi verso sinistra per allinearmi alla prima voce del menu
    var posleft = ref_position.left - this_position.left;

    //  modifico la posizione del sottomenu che devo mostrare
    $('ul.multi-level').css({"left":posleft+"px"});
});

Mi rimane il problema di come fa apparire il sottomenu su una riga, senza interferire con la larghezza del sottomenu quando il menu è compresso.