rubyx-debugger/assets/css/menu.css.scss

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;
}