Responsive Website Navigation

http://www.mraffaele.com/?p=560

HTML

<nav>				
    <input type="checkbox" id="menu-toggle" />
    <label for="menu-toggle">Toggle Menu</label>
    <ul>
        <li><a href="#">Menu Item</a></li>
        <li><a href="#">Menu Item</a></li>
        <li><a href="#">Menu Item</a></li>
        <li><a href="#">Menu Item</a></li>
    </ul>
</nav>

CSS

/* Default Styling */
ul {
    display:none;
    overflow:hidden;
}
ul li {
    padding:5px;
}
label {
    background:#238dad;
    color:#fff;
    cursor:pointer;
    display:block;
    padding:5px;
}
input {
    display:none;
}

/* Toggle The Visibility */
input:checked ~ label {
    background:#ff8800;
}
input:checked ~ ul {
    display:block;
}