Html: problemen met submenu in css

.menuBox { position: absolute; top: 64px; left: 385px; }
.menuBox ul { list-style: none; }
.menuBox li { float: left; background: url('../images/menu_sep.png') no-repeat right 3px; font-size: 13px; padding: 0 12px 0 11px; text-transform: uppercase; position: relative; padding-bottom: 15px; }
.menuBox li.last { background: none; }
.menuBox li a { color: #7d6f5d; text-decoration: none; }
.menuBox li a:hover, .menuBox li.active a, .menuBox li:hover > a { color: #abb429; }
.menuBox li ul { position: absolute; top: 30px; width: 420px; left: -164px; list-style: none; display: none; }
.menuBox li li { font-size: 10px; background: url('../images/sub_sep.png') no-repeat right 2px; padding: 0 6px 0 5px; }
.menuBox li:hover ul { display: block; }

<li><a href="index.php">Home</a></li>
<li><a href="concept.php">Concept</a></li>
<li><a href="gastoflid.php">Faciliteiten</a>
<ul>
<li><a href="gastoflid.php">Gast of lid</a></li>
<li><a href="arrangementen.php">Arrangementen</a></li>
<li><a href="lidworden.php">Lid worden</a></li>
<li><a href="kidsplaza.php">kidsplaza</a></li>
<li class="last"><a href="fitcompany.php">fitcompany</a></li>
</ul>
</li>
<li class="last"><a href="contact.php">Contact</a></li>