stack CSS3 dropdown

yeahh

HTML

<div class="dropDown">
  <ul>
     <li>Test</li>
     <li>Test-Dropdown
        <ul>
            <li>Drop down content</li>
            <li>Drop down content</li>
            <li>Drop down content</li>
        </ul>
     </li>
     <li>Test</li>
  </ul>
</div>

CSS

.dropDown {
    width: 500px;
    height: 60px;
    margin: 0 auto;
    background: mediumSeaGreen;
}

.dropDown > ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.dropDown > ul > li {
    float: left;
    width: 33.3333%;
    line-height: 60px;
    text-align: center;
    cursor:pointer;
}

.dropDown > ul > li:hover {
    background: #1b1b1b;
    color: #fff;
}

.dropDown > ul > li:hover > ul {
    display: block;
}

.dropDown > ul > li > ul {
    display: none;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.dropDown > ul > li > ul > li:hover {
    background: mediumSeaGreen;   
}
}