Как изменить цвет родительского div'a при наведении на дочерний?
У вас меню выпадает при наведении на #nav li, верно? 
При #nav li:hover этот пункт меняет цвет и выпадает меню, которое находится в этом li?
Задача должна решаться простым#nav li:hover > a { background: #f5f5f5; }
появились проблема, как указать с тегами "li ul"Этот момент я что-то не совсем понял; уточняйте. Но может такой вариант подойдёт без уточнений:[].forEach.call(document.querySelectorAll('.MenuBlock_1_panel'), function (el) {
    el.addEventListener('mouseenter', function () {
        this.previousElementSibling.style.backgroundColor = '#F5F5F5';
    }, false);
    el.addEventListener('mouseleave', function () {
        this.previousElementSibling.style.backgroundColor = '';
    }, false);
});