수다닷컴

현재는 본 메뉴에서 서브 메뉴가 길어지니 잘리는 현상이 나타납니다.
따라서 서브메뉴의 Align을 Right하도록, 그리고 폭을 더 넓게 가지고 싶습니다..
어쩌면 좋을까요?/**
* Navigation
*/
.navigation {
background: transparent url(../images/home/nav_bg.gif) no-repeat;
height: 64px;
text-align: center;
overflow: hidden;
width: 1000px;
}
.navigation ul {
height: 3px;
min-width: 900px;
max-width: 1000px;
list-style: none;
margin: 0 auto;
padding: 0;
position: relative;
}

.navigation li {
background: top left;
float: left;
height: 35px;
padding: 0 10px 0 10px;
position: relative;
}
.navigation li:first-child {
background: none !important;
}
.navigation li a {
color: #000;
cursor: pointer;
display: block;
float: left;
font-weight: bold;
height: 40px;
line-height: 3em;
padding: 0;
text-decoration: none;
}
.navigation li a span {
display: block;
float: left;
height: 40px;
margin: 0 -10px 0 10px;
padding: 0 10px 0 8px;
position: relative;
}

.navigation li ul {
bottom: -23px;
left: 0;
display: block;
height: 24px;
position: absolute;
visibility: hidden;
width: 300px;
}
.navigation li ul li {
background: none;
height: 24px;
padding: 0 0px;
}
.navigation li ul li a {
color: #333;
font-size: 1em;
height: 24px;
line-height: 2em;
padding: 0;
}
.navigation li ul li a:hover {
background: none;
color: #537fc9;
}

신청하기