수다닷컴

메뉴 정렬을 하는데....
IE9,8,7 등에서는 제가 원하는 대로
로고는 왼쪽에 메뉴는 순서대로 오른쪽 끝에 배치가 되어 나옵니다.
그런데 파폭이나 ie10 크롬등에서는 이렇게 깨져 나오네요 ㅜㅜ

이리저리 방법을 동원해 봤는데 도저히 답이 안나와서
고수분들의 조언을 듣고자 질문을 올려봅니다ㅜㅜ 도와주세요ㅜㅜ
!DOCTYPE html
html lang=en
head
meta charset=utf-8
titleInter line/title
/head
style
#headerWrap {
background-color:#FFFFFF;
border-bottom:1px solid #F6C;
margin:0 auto;
padding: 0.5% 0;
width:100%;
}
#header {
margin:0 auto;
width: 100%;
max-width:1000px;
}
.logo {
float:left;
}
.menu {
float:right;
}
#menuUl li {
float: left;
padding:0% 2%;
margin:0 auto;
}
#menuUl .last {
padding-right:0%;
}
/style
body
div id=wrap
!-- header --
div id=headerWrap
div id=header
h1 class=logologo/h1
h2 class=menu
ul id=menuUl
limenu1/li
limenu2/li
limenu3/li
limenu4/li
limenu5/li
limenu6/li
/ul
/h2
/div
/div
/body
/html

신청하기