http://iovehong3.cafe24.com/product/list.html?cate_no=4    <- 만들고 있는곳이에요



css에 html, body {height:100%;} 값을 주고

전체 감싸는 div id = wrap 에도 {height:100%}값을 주고
해당 div id 에도 100%값을 줬는데
모니터 크기만큼만 사진또는 위에 링크처럼 생성되고 그 이하 스크롤바가 생겨서 내려가면 안생겨요.
어떻게 해야하나요 ㅜ.ㅜ 구글에 css  height:100% 라고도 쳐봤고, 바디 엘레멘트 height 100% 값도 줘봣고
심지어 height: auto; 값도 줘봤는데 ..  원하는대로 안나오네요. 스크롤바가 생겨도 전체 꽉차게 나오면
좋을텐데, 어떻게 하는건가요?




해당 사이트의 소스입니다


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


$(document).ready(function() {
  $('#floatR').scrollFollower({
    pageAlign:'right',
    pageWidth:100,
    type:'right',
    topMargin:30,
    minTop:20,
    margin:20,
    speed:500,
    easing:'swing',
    zindex:10
  });
});
</script>

<style>
* {margin:0;padding:0;}
html, body {width:100%; background:#2f2f2f; min-width:100%;margin:0;padding:0;min-height:100%;height:100%;} /*For IE height 100%*/
a { text-decoration:none; color:202020;}

#wrap {width:100%; height:100%;}
#st_menu {position:relative;border-right:1px solid #e6e7e8;height:100%; width:15%; background:#F1F1F1;float:left;}
#arrow_bg {  position:absolute; right:-10px; top:50%; border:10px solid transparent;  border-left:10px solid #F1F1F1; border-right:none; z-index:2;}
#arrow_bd { position:absolute;right:-11px;top:50%; border:10px solid transparent; border-left:10px solid #e6e7e8; border-right:none;z-index:1;}
#st_menu .home {float:left; width:90%; height:20%; color:#ffffff; background:#000; margin:0 auto;margin-left:5%; margin-top:5%;  }

#gnb {float:left; width:90%; height:20%; color:#ffffff; background:#919191; margin:0 auto;margin-left:5%; margin-top:5%; }
#gnb ul li { display:inline;list-style:none;}
#rd_sub {height:100%; width:15%; background:#FFFFFF;float:left; position:relative;border-right:1px solid #e6e7e8; }
#ar_bg {  position:absolute; right:-10px; top:10%; border:10px solid transparent;  border-left:10px solid #ffffff; border-right:none; z-index:2;}
#ar_bd { position:absolute;right:-11px;top:10%; border:10px solid transparent; border-left:10px solid #e6e7e8; border-right:none;z-index:1;}
#rd_sub .menu {width:90%; height:100%; margin:0 auto; list-style-type:none; font-family:'나눔고딕';}

#rd_sub .menu ul { list-style: none; }
#rd_sub .menu ul li { color:#000000;}
#content {padding-left:30px;height:100%; width:800px; background:#ffffff; float:left;border-right:1px solid #e6e7e8;}
#quick_right {float:left; width:150px; height:100%;}
#floatR {width:100px;height:150px;border:1px solid blue; border-radius:20px;}
#floatR ul {}
#floatR ul li {list-style:none; text-align:center; margin:4px 0 0 0;}

  #footer {
            position:absolute;
            left:0px;
            bottom:0px;
            width:100%;
            height:50px;
            background:#e5e5e5;
            z-index:2;
        }
</style>
<!-- 전체 감싸는 1단 -->
<div id="wrap">
  <!-- main menu -->
  <div id="st_menu">
  <div id="arrow_bg"></div>
    <div id="arrow_bd"></div>
  <div class="home">로고</div>
  <div style="clear:both"></div>
  <div id="gnb">
  <ul><a href="#">aaa</a>
  <li>dddd</li>
  <li>rrrrr</li>
  </ul>
 </div>

  </div>
 
  <!-- sub menu -->
    <div id="rd_sub">
    <div id="ar_bg"></div>
    <div id="ar_bd"></div>
  <div class="menu">
  <ul>
  <li>Sub Menu, Banner, Img</li>
  </ul></div>
  </div>
 
  <!-- content main -->
  <div id="content">
  content
  </div>
 
 <div id="quick_right">
  <div id="floatR">
  <ul>
  <li><a href="#">Quick menu1</a></li>
  <li><a href="#">Quick menu2</a></li>
  <li><a href="#">Quick menu3</a></li>
  <li><a href="#">Quick menu4</a></li>
  </ul>
  </div>
  </div>
<div id="footer">footer</div>
</div>