Untitled

<div class="menu">

  <ul>

    <li><a href="#">HOME</a></li>

    <li><a href="#">VIDEO</a>

      <ul>

        <li><a href="#">HTML</a></li>

        <li><a href="#">CSS</a></li>

        <li><a href="#">JAVASCRIPT</a></li>

      </ul>

    </li>

    <li><a href="#">CONTACT</a></li>

    <li><a href="#">SUPPORT</a>

      <ul>

        <li><a href="#">HTML</a></li>

        <li><a href="#">CSS</a></li>

        <li><a href="#">JAVASCRIPT</a>

          <ul>

            <li><a href="#">AJAX</a></li>

            <li><a href="#">PERL</a></li>

            <li><a href="#">PYTHON</a></li>

          </ul>

        </li>

      </ul>

    </li>

  </ul>

  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Harum sit id rerum at doloremque eius magnam vel possimus veniam quo laudantium molestiae incidunt a ullam cumque molestias inventore quasi quod!</p>

</div>

*{

  padding: 0;

  margin: 0;

}

.menu {

  margin: 40px;

}

.menu ul {

  position:relative;

  display:inline-table;

}

.menu  li {

  list-style:none;

  float:left;

}

.menu ul ul{

  display:none;

  position:absolute;

  top:100%;

}

.menu ul li:hover > ul {

  display:block;

}

.menu a {

  display:block;

  text-decoration:none;

  color:black;

  background:#bbb;

  width:140px;

  padding:10px 15px;

  text-align:center;

}

.menu ul ul li{

  float:none;

  position:relative;

}

.menu ul ul li> ul {

  top:0;

  left: 100%;

  position:absolute;

}