Адаптивное меню с использованием js

[bulat786]

Всем привет!
Нужно реализовать адаптивное меню на этом примере:

http://kizu.ru/fun/chevron/

только более качественно, то-есть чтоб работало везде, и важно! - от ie7

Не прошу писать мне код, лишь подскажите какие ни будь примеры в сети, нечего подобного я не нашел, много простых адаптивных меню, но все они сделаны таким образом, что пункты уходят друг под друга, или скрываются в один пункт, а надо именно чтобы пункты те которые не влезают скрывались в подменю, а остальные оставались видимыми?!

[bulat786]

Так как никто не дал ответа на мой вопрос я начал изобретать велосипед.
Подскажите хоть с js.

Есть ul id=nav горизонтальное меню в нем естественно разделы li. Нужен js который бы определил не помещающиеся теги li в ul nav, и создал вложенную в (ul id=nav) ul id= submenu переместив в нее эти не влезшие ранее теги li?

нашел скрипт который удаляет не влезшие теги li но построить под себя не могу:

$("#nav li").each(function(){ 
  width += $(this).outerWidth(true); 
    parent = $(this).parent().width();
    if (width > parent) 
        {
            $(this).remove();
        }
});