그림처럼 파란색 nav태그에 오른쪽 여백(margin-right)를 주려고 하는데 잘 안되네요

어떻게 하나요? (이미지는 포토샵으로 조정됬습니다)


-HTML-

    <div id="wrap">
        <nav id="main_lnb">
            <ul>
                <li><a href="#">Button</a></li>
                <li><a href="#">Button</a></li>
                <li><a href="#">Button</a></li>
                <li><a href="#">Button</a></li>
                <li><a href="#">Button</a></li>
            </ul>
        </nav>
        <div id="content_wrap">
            <div id="contents">
                <article>
                    <h1>Lorem ipsum dolor sit amet</h1>
                    <p>Test</p>
                </article>
            </div>
        </div>
    </div>

-CSS-

        #wrap { overflow: hidden; }
        #wrap > #main_lnb {
            float: left;
            width: 164px /* 200px; */ /* 로컬 네비게이션 너비 */
           
        }
        #wrap > #content_wrap {
            float: left; /* left; */
            width: 100%;
            *width: 99.9%;
            margin-right: -164px; /* 로컬 네비게이션 너비 */
            /* margin-left:-10px; */
        }
        #wrap > #content_wrap > #contents { padding-right: 164px; } /* 로컬 네비게이션 너비 */
   
    /* 수직 목록 */
   
        #wrap { background: #71B1D1; }