수다닷컴

xhtml과 css로 작업하고 있는데요
처음 코딩하면서 연습겸 해보고 있는데 생각보다 브라우저별로 다른점이 많아 힘드네요ㅠㅠ

html

div id=b_menu!--큰메뉴--
ul
lia href=#img src=image/m_b_menu/intro.png alt=기업소개 //a/li
lia href=#img src=image/m_b_menu/business.png alt=사업분야 //a/li
lia href=#img src=image/m_b_menu/press.png alt=프레스센터 //a/li
lia href=#img src=image/m_b_menu/promotion.png alt=사이버홍보 //a/li
lia href=#img src=image/m_b_menu/contribution.png alt=사회공헌 //a/li
lia href=#img src=image/m_b_menu/customer.png alt=고객센터 //a/li
lia href=#img src=image/m_b_menu/electronic.png alt=전자공고 //a/li
/ul
/div

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

css

/*큰메뉴*/
#wrap #middle_menu #b_menu{
width:100%px;
height:661px;
}
#wrap #middle_menu #b_menu ul{
list-style-type:none;
}
#wrap #middle_menu #b_menu ul li{
height:32px;
background:url(../image/m_b_menu/b_menu_back.png) no-repeat left top;
padding-right:23px;
}
#wrap #middle_menu #b_menu ul li:hover{
background-color:#333333;
}
#wrap #middle_menu #b_menu ul li a{
float:right;
}ie8,ie9,chrome,사파리,모질라,오페라ie7ie7 핵으로 조정해보려 했으나 padding이나 margin에는 -값이 적용되지 않는걸로 알고 있는데
어떻게 조정할 수 있을까요? 그리고 효과적으로 코딩한건지 잘 모르겠어요 코멘트 부탁드립니다 ~

신청하기