Double menu box

by adamh

HTML

<div id="box">
    <div id="items"></div>
    <div id="menu">
        Menu &middot; Menu 2
    </div>
</div>

CSS

body {
    padding: 20px;
    font-family: 'Helvetica', Arial, sans-serif;
    font-size: 12px;
}

#box {
    border: 1px solid #a5a5a5;
    border-radius: 4px;
}

#items, #menu {
    padding: 4px 8px;
}

#items {
    min-height: 40px;
    border-bottom: 1px solid #a5a5a5;
}

#menu {
    border-top: 3px solid #eee;
    font-weight: bold;
}