ul.dropdown {
        list-style: none;
        position: relative;
        text-align: left;

}
ul.dropdown li {
        font-weight: normal;
        float: left;
        zoom: 1;

        padding: 5px 0px;
}
ul.dropdown a:hover {
        color: #fff;
        text-decoration: underline;
}
ul.dropdown a:active {
        color: #fff;
}
ul.dropdown li a {
        display: block;
        padding: 2px 8px;
        border-right: 1px solid #fff;
        color: #fff;
        text-decoration: none;
}
ul.dropdown li:last-child a {
        border-right: none;
} /* Doesn't work in IE */
ul.dropdown li.hover, ul.dropdown li:hover {
        position: relative;
}



/*
        LEVEL TWO
*/
ul.dropdown ul                                                 { list-style: none; width: 220px; visibility: hidden; position: absolute; top: 100%; left: -20px; }
ul.dropdown ul li                                         { font-weight: normal; background: #0099cc; color: #ccc;
                                                                          border-bottom: 1px solid #ccc; float: none; }

                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a                                        { border-right: none; width: 100%; display: inline-block; }

/*
        LEVEL THREE
*/
ul.dropdown ul ul                                         { list-style: none; left: 100%; top: 0; }
ul.dropdown li:hover > ul                         { visibility: visible; }