<style type="text/css">
nav {
    margin: 100px auto;
    text-align: center;
    width: 100%;
}

nav ul ul {
    display: none;
}

    nav ul li:hover > ul {
        display: block;
    }


nav ul {
    background: #0000ff;
    background: linear-gradient(top, #0000ff 0%, #3366cc 100%);
    background: -moz-linear-gradient(top, #0000ff 0%, #3366cc 100%);
    background: -webkit-linear-gradient(top, #0000ff 0%,#3366cc 100%);
    box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
    padding: 0 20px;
    border-radius: 10px;
    list-style: none;
    position: relative;
    display: inline-table;
}
    nav ul:after {
        content: ""; clear: both; display: block;
    }

    nav ul li {
        float: left;
    }

        nav .active {
            background: #0000ff;
            background: linear-gradient(top, #00ffff 0%, #000099 40%);
            background: -moz-linear-gradient(top, #00ffff 0%, #000099 40%);
            background: -webkit-linear-gradient(top, #00ffff 0%,#000099 40%);
        }
        nav ul li:hover {
            background: #0000ff;
            background: linear-gradient(top, #00ffff 0%, #000099 40%);
            background: -moz-linear-gradient(top, #00ffff 0%, #000099 40%);
            background: -webkit-linear-gradient(top, #00ffff 0%,#000099 40%);
        }
            nav ul li:hover a {
                color: #fff;
            }

        nav ul li a {
            display: block; padding: 10px 15px;
            color: #F8F8F8; text-decoration: none;
        }


    nav ul ul {
        background: #0066CC; border-radius: 0px; padding: 0;
        position: absolute; top: 100%;
    }
        nav ul ul li {
            float: none;
            border-top: 1px solid #000000;
            border-bottom: 1px solid #000000; position: relative;
        }
            nav ul ul li a {
                padding: 5px 15px;
                color: #fff;
            }
                nav ul ul li a:hover {
                    background: #0000ff;
                }

    nav ul ul ul {
        position: absolute; left: 100%; top:0;
	}
</style>