Untitled

dabblet.css

body{ background: #efefef; font-family: sans-serif; }
ul{ margin:0; padding:0; list-style:none; }
.nav > li{
	display: inline-block;
	position: relative;
}
.nav > li > a {
	text-decoration: none;
	color: #222;
	background: #fff;
	padding: 5px 20px;
}
.nav > li:hover > a{ background: #555; color: #fff; }
.nav > li:hover ul{ display: block; }
.nav ul{ 
	display: none; 
	position: absolute;
	left:0;
	top: 23px;
	width: 100%;
}

.nav ul a{
	display: block;
	background: #666;
	color: #fff;
	padding: 3px 10px;
	font-size: .8em;
	text-decoration: none;

}

.nav ul a:hover{ background: #555; color: #fff; }

dabblet.html

<ul class="nav">
	<li><a href="#">Home</a></li>
	<li><a href="#">About</a></li>
	<li>
		<a href="#">Services</a>
		<ul>
			<li><a href="#">Web Design</a></li>
			<li><a href="#">Hosting</a></li>
		</ul>
	</li>
	<li><a href="#">Contact</a></li>
</ul>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"separate","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}