Untitled

dabblet.css

body {
    font-family: sans-serif;
    padding-top: 60px;
}
    
.mainmenu {
    position:absolute; 
    z-index:100;
}

.menu {
    padding:0; 
    margin:0; 
    list-style:none; 
    overflow:hidden;
    display: inline-block;
    vertical-align: top;
    text-align: center;
}

.menu a {
    background:#369;
    text-decoration:none; 
    color:#fff; 
    padding-left: 5px;
}
 
.list {
    float:left;
    width: 250px;
    margin:-999px -125px 0px 0px;
    background:gray;
}

.category {
    position:relative;
    z-index:50;
    float: left;
    width:120px;
    margin-top:999px;
    background:transparent;
}

.category:hover,
.category:focus,
.category:active {
margin-right: 1px;
    background: black;

}

.submenu {
    float:left; 
    padding:25px 0px 0px 0px; 
    list-style: none;
    margin:-25px 0px 0px 0px;
}
    
.submenu li a {
	float: left;
	width: 120px;
    background:#369;
    clear:left;
    color:#fff;
}

.submenu a:hover,
.submenu a:focus,
.submenu a:active {
    background:#900;
    margin-right: 1px;
    color:#fff;
}​

dabblet.html

<div class="wrapper">

    <div class="mainmenu">        
        <ul class="menu">
            <li class="list">
                <a class="category" href="#about">About Us&nbsp;&nbsp;&raquo;</a>
                <ul class="submenu">
                    <li><a href="#about1">About link 1</a></li>
                    <li><a href="#about2">About link 2</a></li>
                    <li><a href="#about3">About link 3</a></li>
                    <li><a href="#about4">About link 4</a></li>
                    <li><a class="endlist" href="#about5">About link 5</a></li>
                </ul>
            </li>
        </ul>
        
        <ul class="menu">
            <li class="list">
                <a class="category" href="#news">News&nbsp;&nbsp;&raquo;</a>
                <ul class="submenu">
                    <li><a href="#news1">News link 1</a></li>
                    <li><a href="#news2">News link 2</a></li>
                    <li><a class="endlist" href="#news3">News link 3</a></li>
                </ul>
            </li>
        </ul>
        
        <ul class="menu">
            <li class="list"><a class="category" href="#contact">Contact</a></li>
        </ul>
        
    </div>
</div>​

settings.json

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