.buttons {
width: 12em;
background: #fff;
} 

.buttons ul {
list-style: none;
margin: 0;
padding: 0;
}

.buttons a {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
margin: 0;
padding: 2px 3px;
}

.buttons a.parent{
background-image: url(arrow.gif);
background-repeat: no-repeat;
background-position: 11.5em;
}

.buttons h2 {
color: #fff;
background: #000;
text-transform: uppercase;
}

.buttons a {
color: #000;
background: #fff;
text-decoration: none;
}

.buttons a:hover {
background: #ffff00;
}

.buttons a.parent:hover{
background-image: url(arrow.gif);
background-repeat: no-repeat;
background-position: 11.5em;
}

.buttons li {
position: relative;
} 

.buttons ul ul{
position: absolute;
top: 0;
left: 100%;
width: 100%;
border-width:3px;
border-color: #ffff00;
border-style: dashed; 

}

.buttons ul ul,
.buttons ul li:hover ul
{display: none;}

.buttons ul li:hover ul,
.buttons ul ul li:hover ul,
.buttons li.over ul
{display: block;}


.buttons ul li a { 
    height: 1%;
}