Подскажите с margin

[oke11o]

Есть кусок css и html:

body { color: #fff; background: url("../i/bg.jpg") repeat top center; }
#wrapper-body { background: url("../i/logo.gif") no-repeat top center; }
#wrapper { width: 902px; margin: 0 auto; }
#header { background: url("../i/line_alfa.png") no-repeat bottom center; }
#h-top { height: 178px; }
#content { background: url('../i/cn_padding_left.png') repeat-y left; }
    #cn-wrap { background: url('../i/cn_padding_right.png') repeat-y right; }
    #cn-menu { background: url("../i/line_gor.png") no-repeat bottom center; }
		#cn-menu-wrap { width: 782px; margin: 0 auto; background-color: #001e16; }
			#h-nav li {
			            display:-moz-inline-stack;/*Firefox 2*/
			            display:inline-block; /*Хорошие браузеры*/
			            _overflow:hidden;/*IE6, IE7*/
			            *zoom:1;/*включаем hasLayout для IE6, IE7*/
			            *display:inline;
			            list-style: none;
			}
			#h-nav { text-align: center; line-height: 32px; }
			#h-nav li a { color:#3FF;display: block;text-decoration: none; text-transform: uppercase;font-weight: bold; font-size: 10px;line-height: 34px;font-family:verdana,arial,helvetica; padding:0px 10px;}

<!-- CONTENT -->
<div id="content">
	<!-- LAYER для добавления background картинки на правый край -->
    <div id="cn-wrap">
		<!-- MENU -->                    
		<div id="cn-menu">
			<div id="cn-menu-wrap">
			<ul id="h-nav">
				<li class="current"><a href="/" title="Главная страница" >Главная</a></li><li class="separator"> </li><li ><a href="/gallery" title="Фото">Фото</a></li><li class="separator"> </li><li ><a href="/menu" title="Меню">Меню</a></li><li class="separator"> </li><li ><a href="/folder/6" title="Музыка">Музыка</a></li><li class="separator"> </li><li ><a href="/interier/dir_1" title="Интерьер">Интерьер</a></li><li class="separator"> </li><li ><a href="/interier/dir_2" title="Резерв">Резерв</a></li><li class="separator"> </li><li ><a href="/folder/10" title="Контакты">Контакты</a></li>
			</ul>
			</div>
		</div>
		<div id="cn-content">
        	<div id="cn-text">
				content
        	</div>
        </div>
    </div>
</div>            

У элемента #cn-menu-wrap хочу изменить margin чтобы был отступ снизу (для отображения линии). Но при любых других значения браузеры margin игнорируют (Даже если width уменьшен.) Не могу понять как установить утступ.

А вообще нужно чтобы было видно линии под меню (над content).