sub list items not showing up on hover - html

Question

My problem is that the 3rd menu level is not showing up on the website.
- FISMA and HiPAA are not showing up on my menu. they should be under the Audit and Assessment which is also under Services
/* start h_menu */
.h_menu4 {
float: center;
}
.toggleMenu {
display: none;
background: rgba(29, 82, 99, 0.22);
padding: 10px 15px;
width: 100%;
color: #fff;
}
.nav {
list-style: none;
*zoom: 1;
}
.nav:before,
.nav:after {
content: " ";
display: table;
}
.nav:after {
clear: both;
}
.nav ul {
list-style: none;
width: 9em;
}
.nav li a {
display: block;
padding: 10px 20px 40px 20px;
color: #fff;
font-size: 1em;
}
.nav li {
position: relative;
}
.nav li.active a,
.nav li a:hover {
border-bottom: 10px solid #23aae1;
}
.nav > li {
float: left;
}
.nav > li > a.parent {
background: url(../images/plus.png) no-repeat right top 16px;
}
.nav > li > a:hover {
color: #23aae1;
}
.nav li ul {
position: absolute;
left: -9999px;
}
.nav > li.hover > ul {
left: 0px;
}
.nav li li.hover ul {
left: 100%;
top: 0;
-webkit-transition: background .2s linear;
-moz-transition: background .2s linear;
-ms-transition: background .2s linear;
-o-transition: background .2s linear;
transition: background .2s linear;
}
.nav li li a {
font-size: 0.8725em;
padding: 10px;
display: block;
color: #fff;
background: rgba(73, 93, 137, 0.56);
position: relative;
z-index: 9999;
border-top: 1px solid rgba(233, 233, 233, 0.09);
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.nav li li li a {
background: #0a2334;
z-index: 200;
border-top: 1px solid #1d7a62;
}
.nav li li a:hover {
background: #041420;
color: #fff;
border-bottom: none;
}
<ul class="nav">
<li>About Us
</li>
<li>Solutions
<ul>
<li>Healthcare IT Solutions
</li>
<li>Government IT Solutions
</li>
</ul>
</li>
<li>Services
<ul>
<li>Risk Management
</li>
<ul>
<li>Cyber Risk & Security Controls Assessment
</li>
<li>CyberSprint Advisory
</li>
</ul>
<li>Audit & Assessment
</li>
<ul>
<li>FISMA
</li>
<li>HIPAA
</li>
</ul>
<li>Disaster Recovery & Business Continuity Planning
</li>
</ul>
</li>
<li>Contact
</li>
</ul>
sorry guys I'm quite new at this and not really used into deep coding. Every help would be much appreciated.

Answer 1

The problem was that <li>Risk Management</li> had to wrap submenu <ul> ... </ul>.
/* start h_menu */
.h_menu4 {
float: center;
}
.toggleMenu {
display: none;
background: rgba(29, 82, 99, 0.22);
padding: 10px 15px;
width: 100%;
color: #fff;
}
.nav {
list-style: none;
*zoom: 1;
}
.nav:before,
.nav:after {
content: " ";
display: table;
}
.nav:after {
clear: both;
}
.nav ul {
list-style: none;
width: 9em;
padding: 0;
}
.nav li a {
display: block;
padding: 10px 20px 40px 20px;
color: #000000;
font-size: 1em;
}
.nav li {
position: relative;
}
.nav li.active a,
.nav > li:hover > a {
border-bottom: 10px solid #23aae1;
}
.nav > li {
float: left;
}
.nav > li > a.parent {
background: url(../images/plus.png) no-repeat right top 16px;
}
.nav > li:hover > a {
color: #23aae1;
}
.nav li ul {
position: absolute;
left: -9999px;
}
.nav > li:hover > ul {
left: 0px;
}
.nav li li:hover ul {
left: 100%;
top: 0;
-webkit-transition: background .2s linear;
-moz-transition: background .2s linear;
-ms-transition: background .2s linear;
-o-transition: background .2s linear;
transition: background .2s linear;
}
.nav li li a {
font-size: 0.8725em;
padding: 10px;
display: block;
color: #fff;
background: rgba(73, 93, 137, 0.56);
position: relative;
z-index: 9999;
border-top: 1px solid rgba(233, 233, 233, 0.09);
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.nav li li li a {
background: #0a2334;
z-index: 200;
border-top: 1px solid #1d7a62;
}
.nav li li a:hover {
background: #041420;
color: #fff;
border-bottom: none;
}
<ul class="nav">
<li>About Us
</li>
<li>Solutions
<ul>
<li>Healthcare IT Solutions
</li>
<li>Government IT Solutions
</li>
</ul>
</li>
<li>Services
<ul>
<li>Risk Management
<ul>
<li>Cyber Risk & Security Controls Assessment
</li>
<li>CyberSprint Advisory
</li>
</ul>
</li>
<li>Audit & Assessment
</li>
<ul>
<li>FISMA
</li>
<li>HIPAA
</li>
</ul>
<li>Disaster Recovery & Business Continuity Planning
</li>
</ul>
</li>
<li>Contact
</li>
</ul>