Отзывчивое вертикальное многоуровневое меню с PHP и MYSQL

Я хочу создать вертикальное меню с использованием PHP и MYSQL с использованием трех таблиц, я могу получить все данные один под другим, но не смог просмотреть как подменю, если css реализован.

Я использовал CSS как ниже

#cssmenu .has-sub {
    z-index: 1;
}

#cssmenu .has-sub:hover > ul {
    display: block;
}

#cssmenu .has-sub ul {
    display: none;
    position: absolute;
    width: 150px;
    top: 5px;
    left: 100%;
}

#cssmenu .has-sub ul a {
    font-size: 12px;
}

#cssmenu .has-sub ul li {
    *margin-bottom: -1px;
}

#cssmenu .has-sub ul li a {
    background: #0fa1e0;
    border-bottom: 1px dotted #31b7f1;
    filter: none;
    font-size: 11px;
    display: block;
    line-height: 120%;
    padding: 10px;
    color: #ffffff;
}

#cssmenu .has-sub ul li:hover a {
    background: #0c82b5;
}

#cssmenu .has-sub .has-sub:hover > ul {
    display: block;
}

#cssmenu .has-sub .has-sub ul {
    display: none;
    position: absolute;
    left: 100%;
    top: 0;
}

#cssmenu .has-sub .has-sub ul li a {
    background: #0c82b5;
    border-bottom: 1px dotted #0fa1e0;
}

#cssmenu .has-sub .has-sub ul li a:hover {
    background: #09638a;
}

И мой PHP выглядит так:

<div id="cssmenu">
<?php
    $file="Images/store.png";
    echo "<ul>";
    $sql = mysqli_query($db, "SELECT * From category");
    $row = mysqli_num_rows($sql);
    if($row>0){
        while ($row = mysqli_fetch_array($sql)){

            echo "<li class=' has-sub'><a href='".$row['CatId']."' style=width:174px\;>".$row['CatName']."</a></li>";
            echo "<ul>";
            $sql1 = mysqli_query($db, "SELECT *  FROM subcategory WHERE CatId='".$row['CatId']."'");
            $row1 = mysqli_num_rows($sql1);
            if($row1>0){
                while ($row1 = mysqli_fetch_array($sql1)){

                    echo "<li class='has-sub'><a href='".$row1['SubCatId']."' style=width:174px\;color:#40404C\;font-size:13px\;font-family:openSans\;>".$row1['SubCatName']."</a></li>";
                    echo "<ul>";
                    $sql2 = mysqli_query($db, "SELECT *  FROM specificcategory WHERE SubCatId='".$row['SubCatId']."'");
                    $row2 = mysqli_num_rows($sql2);
                    if($row2>0){
                        while ($row2 = mysqli_fetch_array($sql2)){

                            echo "<li class='has-sub'><a href='".$row2['SpecCatId']."' style=width:174px\;color:#40404C\;font-size:13px\;font-family:openSans\;>".$row1['SpecCatName']."</a></li>";
                        }
                        echo "</ul>";                          
                    }
                }   

                echo "</ul>";                          
            }
        }   
        echo "</ul>";
    }
?>
</div>

Я могу отображать все имена категорий, но имена подкатегории и SpecificCategory не отображаются. Мне нужно, чтобы имя подгруппы отображалось, когда выбрана категория, и имя конкретной категории, когда выбрана Sub Category. Я не уверен, что CSS, который я использую, является правильным или нет, поскольку я очень новичок в CSS. Пожалуйста, помогите мне в решении проблемы.

Заранее спасибо.