margin-right를 줄려고 하는데 잘 안되네요

그림처럼 파란색 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; }