보시다시피 이렇게 레이아웃이 짜져있는 상태입니다.

저기에 회사소개 포트폴리오 상담문의 란(메뉴)을 margin으로 강제로 끌어올렸는데요

끌어올리지 않게되면 이렇게됩니다.



제가 원하는것은 



이런형식인데요. margin을 사용하지 않고 해결하는 방법이 없을까요?
display:inline, block, 모두 다 먹였지만 적용이 안됩니다.

header부분의 레이아웃소스는 이러합니다.

 <div class="header">
		<div id="logo">
			<img src="img/noimg.png" alt="logo" class="iePngFix" />
		</div>
		<div id="menu">
			<li loop="$main_menu->list=>$key1,$val1" class="active"|cond="$val1['selected']"><a href="{$val1['href']}" target="_blank"|cond="$val1['open_window']=='Y'">{$val1['link']}</a>
				<ul cond="$val1['list']">
					<li loop="$val1['+
 'list']=>$key2,$val2" class="active"|cond="$val2['selected']"><a href="{$val2['href']}" target="_blank"|cond="$val2['open_window']=='Y'">{$val2['link']}</a></li>
				</ul>
			</li>
		</div>

header부분의 CSS소스는 이러합니다.

.header { width:960px; height:78px; display:inline; display:block; }
.header #logo { width:210px; height:78px; top:17px; left:17px; }
.header #menu { width:753px; height:20px; margin: -49px 0 0 220px; }
.header #menu li { list-style-type: none; float: left; padding: 0; width:120px; height:20px; font-size:18px; overflow:hidden; text-align:center; border-left-width: 1px; border-left-style:solid; }

꼭 답변 부탁드리겠습니다!