수다닷컴

홈페이지 만드는중인데CSS와 HTML에 적용하는것을 잘 모르겠네요~

질문드릴것은
홈페이지 상단에 들어갈 메뉴를 만드는중인데
1차 메뉴와 2차 메뉴의 텍스트 크기 및 좌우 정렬을 따로 하고 싶습니다.

CSS에 보시면
div#menu {
height:105px;
background:url(../img/nav-bg1.png) repeat-x;
_background:url(../img/nav-bg1.gif) repeat-x;
}
div#menu ul {
margin: 0;
padding: 0;
list-style: none;
float: left;
}
div#menu ul.menu {
padding-left: 0px;
}
div#menu li {
position: relative;
width: 150px;
z-index: 9;
margin: 0;
padding: 0;
display: block;
float: left;
}

div#menu li:hoverul {
left: -2px;
}
div#menu li div {
list-style: none;
float: left;
position: absolute;
top: 95px;
left: 0;
width: 208px;
z-index: 11;
visibility: hidden;
padding: 0 0 9px 7px;
_padding: 0 0 9px 3px;
background: url(../img/submenu-bottom.png) no-repeat 7px bottom;
_background-image: url(../img/submenu-bottom.gif);
margin-left: 8px;
}
div#menu li:hoverdiv {
visibility: visible;
}

이렇게 되어 있구요
html코드는
div id=menu
ul class=menu
lia href=# Class=parentspanHOME/span/a/li
lia href=# class=parentspanCOMPANY/span/a
divul
lia href=# class=parentspan id=smIntroduction/span/a/li
lia href=# class=parentspanBusiness/span/a/li
lia href=# class=parentspanLocation/span/a/li
/ul/div
/li
lia href=# class=parentspanARTIST/span/a
divul
lia href=# class=parentspanㅇㅇㅇ/span/a/li
lia href=# class=parentspanㅇㅇㅇ/span/a/li
lia href=# class=parentspanㅇㅇㅇ/span/a/li
lia href=# class=parentspanㅇㅇㅇ/span/a/li
lia href=# class=parentspanㅇㅇㅇ/span/a/li
lia href=# class=parentspanㅇㅇㅇ/span/a/li
/ul/div
/li
lia href=# class=parentspanCOMMUNITY/span/a
divul
lia href=# class=parentspanNotice/span/a/li
lia href=# class=parentspanNews/span/a/li
lia href=# class=parentspanFree Board/span/a/li
/ul/div
/li
lia href=# class=parentspanAUDITION/span/a
divul
lia href=# class=parentspanAbout Audition/span/a/li
lia href=# class=parentspanAudition Q & A/span/a/li
/ul/div
/li
/ul
/div

되어 있습니다.
그래서 CSS에서 텍스트 크기와 좌우정렬을 1차, 2차 메뉴가 똑같이 바뀌어져 버립니다.

이럴경우 CSS나 html에서 어떻게 바꿔줘야 하는건지요?

신청하기