Почему цвет менюшки не менят цвет обратно?

Я сделал скрипт, который при наведении мыши перекрашивает каждый элемент в меню в белый цвет, а при событии mouseout возвращается черный цвет. Однако при наведении курсора мыши другие элементы тоже перекрашиваются в белый цвет.

Вот ссылка http://test3.testkz.ru/

$("#cssmenu ul li").mouseover(function() {
    $(".has-sub a span").css("color", "white");
        }).mouseout(function() {
    $(".has-sub a span").css("color", "black");
});