html - CSS - 要素には背景色がありますが、透明でもあります

Question

次のようなメニュー構造があります。

<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。どうすればそれを変更できますか?