<div> 태그로 레이아웃 만드는중 잘 해결되지 않는 부분이 있어서 질문 드립니다.

http://drawholic.com/?mid=test

여기 가보시면

footer가 왼쪽 최상단에 위치 해 있는데

제가 의도했던거는

레이아웃을 화면 중앙에 고정시키기 위해 778px로 설정된 wrap부분 하단에 배치 되는거였습니다.

문제는 footer부분만 넓이를 100%로 하고 싶은데..

도무지 모르겠네요.

고수님들 답변 부탁드립니다.

---------------------------------------------

.wrap, .express, { width:778px; }
.menu, .location, .content { width:618px; }
.logo, .search, .sub { width:160px; }

.wrap { position:absolute; left:50%; margin-left:-389px; }
.menu, .sub { float:left; background:#eee; }
.content, .search, .location { float:right; background:#eee; }
.express { clear:both; height:200px; background:#fff; }

.logo { height:80px; }
.menu, .search { height:40px; }

.footer { width:100%; clear:both; }

-----------------------------------------------

<div class="wrap">
  <div class="logo">logo</div>
  <div class="menu">menu</div>
  <div class="search">search</div>
  <div class="express">express</div>
  <div class="sub">sub</div>
  <div class="location">location</div>
  <div class="content">content</div>
</div>

<div class="footer">footer</div>