JSFiddle - React, Tailwind, and code Playground

HTML

<h1>CSS Menu</h1>
    <div id="navbar">
        <ul class="menu">
            <li><a href="#">A</a></li>
            <li>
                <a>B</a>
                <ul>
                    <li><a href="#">123</a></li>
                    <li><a href="#">2</a></li>
                    <li>
                        <a>Tweee</a>
                        <ul>
                            <li><a href="#">Phwoar</a></li>
                            <li><a href="#">Gr</a></li>
                        </ul>
                    </li>
                </ul>
            </li>
            <li><a href="#">C</a></li>
        </ul>
    </div>

CSS

body {
            behavior: url("csshover3.htc");
        }

        div#navbar {
            background-color:#333;
            font-size:1.4em;
            overflow:auto;
        }

        div#navbar ul {
            display:inline-block; /* ie6 float container bug */
            list-style:none;
            margin:0px;
            padding:0px;
        }

        div#navbar ul.menu li {
            float:left;
            display:inline; /* ie6 double-margin bug */
        }

        div#navbar ul.menu a {
            display:block;
            text-decoration:none;

            color:#fff;
            padding:5px 10px;
        }

        div#navbar ul li a:link,
        div#navbar ul li a:visited {
            text-decoration:none;
        }

        div#navbar ul li a:hover {
            color:#333;
            background-color:#f6c323;
        }

        div#navbar ul.menu ul {
            display:none;
        }

        div#navbar ul.menu li:hover ul {
            display:block;
            position:absolute;
            background-color:#333;
        }

        div#navbar ul.menu li:hover ul li {
            float:none;
        }

        div#navbar ul.menu li:hover ul ul {
            display:none;
        }

        div#navbar ul.menu li:hover li:hover {
            position:relative;
        }

        div#navbar ul.menu li:hover li:hover ul {
            display:block;
            position:absolute;
            left:100%;
            top:0;
        }