これね、書いた時、悩んだんだよね。
#side-menuの上に何かフローティングしてる時とか、
そいつにマウスオーバーすると、side-menuのmouseoutが走ってしまうので。

```main.css.scss
$side-menu-width: 150px;

html, body {
    background-color: #EEE;
    height: 100%;
}

#wrapper {
    padding-left: $side-menu-width - 100;
    height: 100%;

    #contents {
        height:100%;
    }

    #side-menu {
        width: $side-menu-width - 100;
        left: 0;
        position: fixed;
        overflow: auto;
        top: 0;
        bottom: 0;
        background-color: #333;
        
        .menu-contents {
            width: $side-menu-width;
            .nav-list {
                > li > a {
                    text-shadow: none;
                    color: #FFF;
                    
                    &:hover {
                        color: #333;
                    }
                }
                .nav-header {
                    text-shadow: none;
                }
            }
        }
    }
}
```
heightを100%にする方法もあるけど。

んー、`mouseout`の方が直感的ではあるんだよねぇ。。。
まぁ、どちらにせよ、heightは100%にすべきってのもあるけど。