#wrapper {
margin: -40px 0px 0px -42px;
width:600px;
}
#nav, #nav ul {
list-style: none;
position: static;
line-height: 1.5em;
z-index:100;
font-size:18px;
}
#nav a:link{
display: block;
padding: 0px 5px;
color: #fff;
text-decoration: none;
background-color::#9DD642;}
#nav a:visited {
display: block;
padding: 0px 5px;
color: #fff;
text-decoration: none;
background-color::#9DD642;}
#nav a:hover {
color: #9DD642;
-moz-border-radius: 5px 0px 0px 5px;
-webkit-border-radius: 5px 0px 0px 5px;
border-radius: 5px 5px 5px 5px;
background:#fff;
}
#nav li {
text-align:center;
float: left;
min-width:110px;
position: relative;
top:2px;
}
#nav ul {
position: absolute;
width: 8em;
top: 1.5em;
display: none;
left:-20px;
}
#nav li ul a {
text-align:left;
background:#9DD642;
border: 1px solid #DDDDDD;
width: 10em;
float: left;
-moz-border-radius: 5px 0px 0px 5px;
-webkit-border-radius: 5px 0px 0px 5px;
border-radius: 5px 5px 5px 5px;
}
#nav ul ul {
top: auto;
}
#nav li ul ul {
right: 105%;
margin: 0px 0 0 10px;
}
#nav li:hover ul ul,
#nav li:hover ul ul ul,
#nav li:hover ul ul ul ul {
display: none;
}
#nav li:hover ul,
#nav li li:hover ul,
#nav li li li:hover ul,
#nav li li li li:hover ul {
display: block;
}
|
|