.menu {
    line-height: 1em;
    width: 280px;
    height: 20px;
    display: inline;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    background-color: white;
    color: black;
    cursor: default;
    font-size: 12px;
}
/*
 * .menu:hover {
 *     overflow: visible;
 *     height: auto;
 * }
 *
 */
.menu .menu-header {
    line-height: 14px;
    border: 1px solid #7f9db9;
    background: url('/images/dropdown_button.png') right center no-repeat;
    padding: 2px 10px 2px 4px;
    /* give property "layout" in ie7 */
    overflow: auto;
    /* same for ie6 - not valid css */
    zoom: 1;
}
.menu .menu-options {
    display: block;
    height: 350px;
    width: 278px;
    overflow: auto;
    overflow-y: auto;
    overflow-x: hidden;
    background-color: white;
    border: 1px solid #7f9df9;
    border-top: none;
}
.menu .menu-options .option a {
    display: block;
    padding: 2px 20px 2px 6px;
    color: black;
    font-weight: normal;
}
.menu .menu-options .selected a {
    background-color: #930;
    color: white;
}
.menu .menu-options .option a:hover {
    text-decoration: none;
    color: white;
    background-color: #d50;
}
.menu .menu-options h2 {
    font-size: 16px;
    margin: 0;
    padding: 8px 2px 4px 2px;
}