روال کار شما اشتباهه
شما باید با Hover لیست ایتم کانتینر فرزندش (کلاس DropDown) رو نمایش بدید نه محتویات این کانتینر رو (یعنی DropDown_Arrow و DropDown_Container)
اول برای کانتینر DropDown قواعد رو تعریف کنید بصورت زیر
.DropDown
{
position:absolute;
top:30px;
display:none;
}
سایر قواعدی که برای DropDown_Arrow و DropDown_Container تعریف کردید رو پاک کنید مثلا Position - موقعیت top و display
حالا برای hover لیست ایتم دستور زیر رو بنوبسید
#list > li:hover .DropDown
{
display:block;
}
با اینکار با رفتن موس بر روی لیست ایتم سطح 1 کانتینر فرزند این لیست ایتم با کلاس DropDown نمایش داده می شود
این دستور هم کامل پاک کنید
#list > li:hover .DropDown_Arrow,
#list > li:hover .DropDown_Container{
display:block;
}
پاسخ با نقل قول