عدم نمایش درست منوی آبشاری ( طراحی وبسایت )

[Nixon]

سلام و عرض ادب خدمت تمام دوستان گرامی

خوب مطابق ویدیویی که در یوتیوب دیدم برای شروع میخواستم یه لیست آبشاری بسازم همه چی در مرحله اول خوب بود و برای تگ Services دو تا زیر منو host و domain درست کردم . الان میخوام برای زیر منوهای host و domain چند تا زیر منو بسازم اما متاسفانه زیرمنو ها بصورت کامل نمایش داده نمیشن و فقط زیر منو آخری نمایش داده میشه ؟

چیکار کنم بنظرتون ؟ مشکل از کجاست ؟

تصویر و فایل های html و css در پیوست شده



پ.ن: پیشاپیش بابت درهم برهم بودن کدهایی که نوشتم عذرخواهی میکنم   

[Nixon]

خوب راه حلش اینه . در فایل css کد :

کد: [انتخاب]

position: absolute;

رو از

کد: [انتخاب]

.sub-domain ul li
 و
.sub-host ul li


حذف کنیم و در آخر کد زیر رو به فایل css اضافه کنیم :

کد: [انتخاب]

.sub-menu2,
.sub-menu3 {
  position: absolute;
  height: 0;
}
نکته : اگر مقدار height (ارتفاع) در کد بالا صفر نباشه یه لایه میاد روی بخش Domain قرار میگیره و ما نمیتونیم با موس روی بخش دامین hover کنیم و زیر منوش رو ببینیم ( تصویر در پیوست )

پ.ن:
 اگر میدونید برای چی این لایه بوجود میاد ممنون میشم بهم بگید . سپاس