background 이미지 반복 및 크기에 대해서 질문드려요~~(사진설명있어요)
주나
1. 하고싶은 원본 이미지 : 아래 이미지 처럼 서브메뉴의 갯수가 늘어나면 회색 테두리박스의 bg가 그만큼 늘어나게 하고싶어요.
2. 원본 bg이미지3. 하지만 코딩을 하면.... 보시는것처럼 밑 부분이 짤려요ㅠ
div class=midLeft
h2 class=ltMENU01/h2
ul class=lm
lia href=subMENU01/a/li
lia href=subMENU02/a/li
lia href=subMENU03/a/li
lia href=subMENU04/a/li
lia href=subMENU05/a/li
lia href=subMENU06/a/li
/ul
h2 class=ltMENU01/h2
ul class=lm
lia href=subMENU01/a/li
lia href=subMENU02/a/li
lia href=subMENU03/a/li
lia href=subMENU04/a/li
lia href=subMENU05/a/li
lia href=subMENU06/a/li
/ul
/div
#wrap .midLeft:after{clear: both; content: ; display: block;}
#wrap .midLeft {display: block; float:left; position: relative; width: 173px; margin-top: 20px; padding-bottom:10px; background: url(img/left_bg.gif) no-repeat 0 top scroll;}
#wrap .midLeft h2.lt {margin:15px 0 0 12px;background:url(img/left_tit.gif) left 2px no-repeat;padding:0 0 0 18px;color:#fc6f1a;font-size:14px;}
#wrap .midLeft ul.lm {margin:10px 0 0 12px;padding:5px 0 5px 10px;width:130px;background:url(img/snb_bg.gif) left top repeat-y;border-top:2px solid #fc6f1a;}
#wrap .midLeft ul.lm li {margin:3px 5px;padding:0 0 0 10px;background:url(img/blet.gif) left center no-repeat;}