수다닷컴

.inner3 .banner {width:1000px;margin:20px auto;}
.inner3 .banner .banner1 {position:relative;float:left; display:inline-block; width:490px;height:212px; background:#fff;}
.inner3 .banner .banner1 p, #header .inner3 .banner .banner2 p{width:470px; height:36px; border-bottom:solid 1px #f4f4f4; padding:18px 0 0 20px;}
.inner3 .banner .banner1 p img{display:block;}
.inner3 .banner .banner1 p.btn, #header .inner3 .banner .banner2 p.btn{position:absolute;left:0;bottom:0; float:left;width:120px;height:100px; border:none;padding:0;}
.inner3 .banner .banner1 .board {float:right;margin:20px 20px 0 0; font-size:11px; color:#888;}
.inner3 .banner .banner1 .board table {width:280px;height:auto; text-align:center;}
.inner3 .banner .banner1 .board table tr {line-height:20px;}
.inner3 .banner .banner1 .board table td a{font-size:11px; color:#888;}
.inner3 .banner .banner1 .board table td a:hover{font-size:11px; color:#555;text-decoration:none;}
.inner3 .banner .banner2 {position:relative; float:right; display:inline-block; width:490px;height:212px;background:#fff;}
.inner3 .banner .banner2 p.con{float:right;width:353px;height:111px;padding:0;margin:20px 20px 0 0;}
.inner3 .skinlist {width:1020px; margin:0 auto;}div class=inner3
div class=visual
img src=/web/upload/image/main/visual.png alt=main
/div
div class=guidewrap
div class=guide
pimg src=/web/upload/image/main/con_tit1.jpg alt=주문가이드 자세히보기/p
p class=order2img src=/web/upload/image/main/orderguide.gif alt=주문가이드/p
pimg src=/web/upload/image/main/con_how.jpg alt=/p
/div
/div
div class=banner
div class=banner1
pimg src=/web/upload/image/main/bnr_tit1.jpg/p
p class=btna href=/board/product/list.html?board_no=6img src=/web/upload/image/main/bnr_btn1.jpg/a/p
div class=board
table border=0 cellpadding=0 cellspacing=0
tr
th[상담완료]/th
tda href=/board/free/list.html?board_no=1002주문서 작성입니다./a/td
td황*지/td
td2014-02-13/td
/tr
tr
th[상담완료]/th
tda href=/board/free/list.html?board_no=1002주문서 작성입니다./a/td
td한*희/td
td2014-02-13/td
/tr
tr
th[상담완료]/th
tda href=/board/free/list.html?board_no=1002주문서 작성입니다./a/td
td김*성/td
td2014-02-13/td
&nbsbsp; /tr
tr
th[상담완료]/th
tda href=/board/free/list.html?board_no=1002주문서 작성입니다./a/td
td송*하/td
td2014-02-13/td
/tr
tr
th[상담완료]/th
tda href=/board/free/list.html?board_no=1002주문서 작성입니다./a/td
td손*윤/td
td2014-02-13/td
/tr
tr
th[상담완료]/th
tda href=/board/free/list.html?board_no=1002주문서 작성입니다./a/td
td김*영/td
td2014-02-13/td
/tr
/table
/div
/div
div class=banner2
pimg src=/web/upload/image/main/bnr_tit2.jpg/p
p class=btna href=/about.htmlimg src=/web/upload/image/main/bnr_btn2.jpg/a/p
p class=conimg src=/web/upload/image/main/bnr_contact.jpg/p
/div
/div !--banner 끝--
div class=skinlista href=/product/list.htmlimg src=/web/upload/image/main/skin.jpg alt=/a/div
/div !--inner3 끝--

소스는 이렇구요
지금 .banner에 마진 상하20px 좌우auto로 되어있잖아요 근데 이게 ie8까지는 마진값이 제대로 나오는데,
파이어폭스나 크롬, ie9이상부터는 margin-top은 20px가 나오는데bottom에는 마진이 안먹는건지
안되네요 ㅠㅠ

position으로는
.skinlist가 자식요소니깐 .inner3에 position:relative를 주고 .skinlist에 relative:absolute;top:20px;left:0; 이렇게 주었었는데
이렇게해도 안되더라구요 ㅠ_ㅠ ㅠ_ㅠㅠ흑흑

무엇이 문제인지 모르겠네요.....도와주세요

신청하기