#lava {
		/* you must set it to relative, so that you can use absolute position for children elements */
		position:relative; 
		
	}
	
	#lava ul {
		/* remove the list style and spaces*/
		

	}
	
	#lava ul li {
		
		/* give some spaces between the list items */
		
	}
	
	#lava ul li a{}
	
	#lava #box {
		
		/* position absolute so that z-index can be defined and able to move this item using javascript */
		position:absolute; 
		left:0; 
		top:50px; 
		
		/* should be lower than the list menu */
		z-index:50; 

		/* image of the right rounded corner */
		
		height:50px;
		
		/* add padding 8px so that the tail would appear */
		
		/* self-adjust negative margin to make sure the box display in the center of the item */
		margin-left:0px;
	}
	
	#lava #box .head {
		/* image of the left rounded corner */
		background:#e79b38;
		height:5px;

		/* self-adjust left padding to make sure the box display in the center of the item */
		padding-left:0px;
	}