CodePen

HTML

            
              <nav>
  <ul>
    <li><a href="home.html">Home</a></li>
    <li><a href="#">Quiz</a>
      <ul>
        <li><a href="#">IQ</a>
          <ul>
            <li><a href="level1.html">Level1</a>
            <li><a href="level2.html">Level2</a>
            <li><a href="level3.html">Level3</a>
          </ul>
      </ul>
    <li><a href="dev.html">Developers</a></li>
  </ul>
</nav>
            
          
!

↑ Insert the most common viewport meta tag

CSS

            
              nav {
	text-align: center;
	background: none;
	box-shadow: 1px 1px 1px rgba(0,0,0,.75);
	-moz-box-shadow: 1px 1px 1px rgba(0,0,0,.75);
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.75);
	border-radius: 10px;
	line-height: 36px;
}
nav ul ul {
	display: none;
}
nav ul li:hover > ul {
	display: block;
	background-position: top;
}
nav ul li {
	float: left;
	list-style: none;
	opacity:0.9;
}
nav ul li:hover {
	background: #306;
}
nav ul li {
	padding: 0px 0px;
	border-right: 1px solid #0CF;
}
nav ul ul li {
	padding: 0px 0px;
	border-right: none;
	opacity:0.9;
}
nav ul {
	display: inline-table;
	padding: 0px 9px;
	position: relative;
}
nav ul ul li {
	float: none;
	border-bottom: 2px solid #000;
	position: relative;
}
nav ul ul {
	position: absolute;
	padding: 0 0px;
}
nav ul ul ul a {
	padding: 0 0px;
}
nav ul ul ul {
	position: absolute;
	left: 100%;
	top: 0%;
}
nav ul li a {
	display: block;
	padding: 10px 30px;
}
nav ul ul li a {
	display: block;
	padding: 20px 30px;
}
nav ul ul {
	background: #306;
}
ul {
	background-image:url(images/menubg.png);
}
ul {
	box-shadow: 3px 3px 3px rgba(0,0,0,.75);
	-moz-box-shadow: 3px 3px 3px rgba(0,0,0,.75);
	-webkit-box-shadow: 3px 3px 3px rgba(0,0,0,.75);
	border-radius: 10px;
}
nav ul ul li a:hover {
	background: #069;
	display: block;
}
nav ul ul {
	border-radius: 0px;
}
/*menu text*/
a {
	font-family: Shrewsbury, JasmineUPC, "Iskoola Pota";
	color: #6F0;
	font-size: 22px;
	font-weight: lighter;
	text-decoration: none;
}
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

            
              
            
          
!
Must be a valid URL.
+ add another resource
via JS Hint
Loading ..................