#menu-container {
            font-family: Arial, sans-serif;
        }

        #menu-container ul {
            list-style-type: none;
            padding: 0;
            margin: 0;
            width: 150px;
        }

        #menu-container li {
            background-color: #000000;
            position: relative;
            border-bottom: 1px solid #FFF;
        }

        #menu-container li a {
            display: block;
            color: #FFF;
            text-decoration: none;
            padding: 10px;
            width: 100%;
            box-sizing: border-box;
        }

        #menu-container li:hover > a {
            background-color: darkgray;
        }

        #menu-container ul ul {
            display: none;  
            position: absolute;
            top: 0;
            left: 100%;
            width: max-content;
            min-width: 150px;
        }

        #menu-container ul ul li {
            width: auto;
            min-width: 150px;
        }

        #menu-container li:hover > ul {
            display: block;
        }

        #menu-container ul ul ul {
            top: 0;
            left: 100%;
        }