body { font-family: arial, helvetica, serif; } #nav, #nav ul { /* all lists */ padding: 0; margin: 0; list-style: none; float : left; width : 10em; /*border around submenu goes here*/ -moz-border-radius: 8px; -webkit-border-radius: 8px; background:#fff; border:1px solid #C3D46A } #nav li { /* all list items */ position : relative; float : left; line-height : 1.25em; width: 9em; } #nav li ul { /* second-level lists */ position : absolute; left: -999em; margin-left : 10.0em; margin-top : -2.7em; } #nav li ul ul { /* third-and-above-level lists */ left: -999em; } #nav li a , li span { padding-left: 0.5em; width : 9.5em; display : block; color : black; font-weight : bold; text-decoration : none; background-color : white; -moz-border-radius: 7px; -webkit-border-radius: 7px; } #nav li a:hover { color : white; background-color : #F6C739; } #nav li:hover ul ul, #nav li:hover ul ul ul , #nav li:hover ul ul ul ul , #nav li:hover ul ul ul ul ul{ left: -999em; } /* lists nested under hovered list items */ #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul , , #nav li li li li li:hover ul { left: auto; }