Make hamburger out of actual menu

Instead of using elements, why not make the hamburger out of the actual nav?

by Brenton Strine

HTML

<div class="navToggle">
    <div></div>
    <div></div>
    <div></div>
</div>

CSS

.navToggle { width: 30px;  background: #333; padding: 3px;
-webkit-box-shadow: 5px 5px 5px #ccc inset;
-moz-box-shadow: 5px 5px 5px #ccc inset;
box-shadow: 8px 12px 20px -15px #fff inset;
    border-radius:5px;
}
.navToggle div { border-radius: 4px;
    border-top: solid 1px #Fc7;
    border-left: solid 1px #Fd8;
    background: #FF7D19;
    height: 2px;
     margin: 3px 5px;
-webkit-box-shadow: 0 1px 0 #000;
-moz-box-shadow: 0 1px 0 #000;
box-shadow: 0 1px 0 #000;}