HTML+CSS+JavaScript

ну может хоть ктото знает как таут подойти то чтобы получилось?.. очень надо

какие то вы жадные на советы ((

есть уже практически готовое решение..
но в верстке есть одно но
у закладок язычок (который справа) всегда должен вылезать поверх следующей закладки
КРОМЕ случая когда дельше идет активная закладка

они генерятся через дитту и обрабатываются в jQuery..
я записал вариант кода который получается как раз после обработки скриптом

в HTML файле желательно (но не обязательно) ничего не менять.. лучше если только в CSS чтото натворить
я пробовал z-index и вроде все значения верные ввожу.. но никак и все тут
помогите плиззз.. я уже всю голову себе сломал как это сделать

исходный код с картинками приложил архивом к сообщению
там же лежит картинка-макет того, что хотелось бы получить