CSS - элемент имеет цвет фона, но также прозрачен

У меня есть структура меню, например:

<nav id="main">
    <ul id="nav-user">
        <li class="user-name">
            <span class="name">John Doe</span>
            <ul class="submenu">
                <li>Profile</li>
                <li>Settings</li>
                <li>Sign Out</li>
            </ul>
        </li>
    </ul>
    <ul id="nav-main">
        <li>Item 1</li>
        <li>Item 2</li>
        <li>Item 3</li>
        <li>Item 4</li>
    </ul>           
</nav>

У меня проблема с ul.submenu. Он перекрывает ul#nav-main, но по какой-то причине он прозрачен:

http://jsfiddle.net/JvALU/

Я не хочу видеть ul#nav-main. Как я могу это изменить?