Първо, стиловете са написани по този начин, защото това е урок и искам читателите с по-скромни знания да успяват да проследяват последователността в действията.

Ползвам само text-shadow, защото дори без него менюто се възпроизвежда ОК. Ако сложа обаче border-radius, тогава автоматично елиминираме няколко браузъра и всички знаем кои са те :P. Освен това заоблени с border-radius ъгли заедно с бекграунд не е перфектната комбинация под всички браузъри.

За сливането на 3 и 4 ред си прав. Няма проблем когато са заедно, просто в случая ми се е сторило, че това са два отделни низа на веригата и съм ги разбил за по-голяма яснота.

За fallback-a ти написах един роман, но се усетих, че ще звучи прекалено обяснително и защитно, така че с две думи - такъв няма, защото това меню ще има версия 2. От самото начало беше предвидена, но искахме да направим експеримент. Просто има прекалено много хора, които взимат съдържанието на даден урок и го пляскат някъде, и то работи. Няма нищо лошо в това, дори се радваме, че творбите ни се ползват. Но нека не забравяме, че пишем уроци и искаме хората да размърдат малко мозъчетата си :). Радвам се, че ти си забелязал този "пропуск", но бъди сигурен, че във версия 2, 3 и т.н., менютата ще изглеждат в пъти по-завършени, по-оптимизирани и пр. Това ще бъде така, защото вече имаме база за сравнение.

За z-index се обосновах в коментара над твоя - просто в случая не виждам смисъл от него, а колкото по-малко пропъртита, толкова по-малък шанс да се счупи нещо.

Благодаря за критиката! Надявам се да има повече и да е градивна, като твоята, защото това ни кара да се замислим къде са ни грешките не само в кода, но и в начина на представяне на информацията :).

Започвам със стиловете -- могат да се оптимизират селекторите. Примерно, когато си в UL, единственото място където ще е поместен дъщерен UL елемент е в LI т.е. не е нужно изрично да се указва, че стои UL LI UL, а може и само UL UL. Допълнително, в контекста на меню е малко вероятно да имаш UL с друго предназначение и може да се играе само с тагове.

Друго интересно е, че ползваш text-shadow за сянката на текста, но не и (-moz-|-webkit-)border-radius за закръгленията.

Но това са "козметични неща", така че ги оставям.

Относно скрипта: не съм jQuery-ист и не харесвам навързване на методи като свински черва, но ми се струва, че можеш да слееш 3 и 4 ред т.е. така и така метода върща обект с колекция от тези линкове, можеш директно да вкараш SPAN-овете.

Също, не видях стилове за fallback без пуснат скрипт. Ще попита някой "Ама то кой ще е без пуснат скрипт?" и отговора е принципен -- "Защото скрипта трябва да разширява функциите на CSS, където ги няма, но не и да ги изземва". Т.е. според мен на hover на LI, трябва да се добави клас за IE 6, понеже само този браузър не подържа hover на LI; респективно да се махне на leave. От там анимираш прозрачност от 0 към 1 и обратно, както и сетваш display в началото и края на анимацията.

Така ми се струва ще е най-правилно.

Въпроса за z-index е основателен. На няколко пъти съм забравял да добавям и в комбинация с последващи елменти с релативна позиция се получават интересни ефекти. Как точно, не съм сигурен, но се получава.

Колкото до картинките, там наистина трябва да се пипнат нещата. От самото начало не съм предполагал, че това меню ще може просто да се сложи някъде и пасне на 100%. Както е казал колегата горе - има доста решения на твоя проблем. Или си правиш отново картинки, подходящи за твоя дизайн, прозрачни изображения, CSS3 или изобщо не ползваш заоблени ъгли.

За втората забележка : Има много решения за проблема (прозрачни изображения, използване на CSS3 за заоблените ъгли на менюто и други). С удоволствие бихме ти помогнали в имплементацията на менюто, но се нуждаем от малко повечко информация за проблемите с които се сблъскваш.

"Това, което искаш може да се направи, но си иска доста работа, за да стане като хората. При него логиката е малко по-различна и трябва да се пипне цялото меню, което направо си става за отделен урок :). В този си вид, преди да го пусна го тествах точно в твоята ситуация и честно казано не виждам проблем, защото повечето хора ползват скрола на мишката за предвижване, така че не е нужно да напускат менюто.
Иначе толкова дълги менюта по принцип не се препоръчват, защото закриват половината сайт, а и точно поради факта, че можеш неволно да преместиш мишката и да се затвори. Така че първо помисли си дали това е правилния начин да представиш нещата."