Styling forth level menu item not working

I cannot figure out why 开发者_如何学运维the forth level is not styling. Can someone please help with this CSS spaghetti?

Fiddler: Menu Demo

---

You have a few problems with this. For starters I strongly suggest that you clean up your CSS and Validate your HTML.

This is invalid in your CSS, which is part of the problem.

.nav ul li li li:hover a {
background:#00999b url(img/arrow_over.gif) no-repeat 95% 9px !important; 
} 

And this HTML is invalid: You have unclosed tags inside of other tags.

<ul>
            <li class="canieti first"><a href="#"><span>***HOME</span></a><ul>
            <li class="quienessomos first"><a href="#"><span>***SECOND</span></a><ul>
            <li class="consejodirectivonacional"><a href="#"><span>***THIRD</span></a><ul>
            <li class="mesadirectivanacional first"><a href="#"><span>***FOURH</span></a></li>
         </ul>

            <div style="clear: both;"></div>
        </li>
        <li class="canieti first"><a href="#"><span>Other</span></a></li>
        </ul>
        <div style="clear: both;"></div>
        </li>
    </ul>