css using border top border bottom to create a hamburger icon

1.menu-toggle.on {
2	border-top-color:#ff0;
3	border-bottom-color:#ff0
4}
5.nav-toggle.on:before {
6	border-top-color:#ff0;
7}

1<a class="menu-toggle">Menu</div>

1.menu-toggle {
2	border-top:6px solid #828282;
3	border-bottom:6px solid #828282;
4	display:inline-block;
5	height:30px;
6	margin-top:-15px;
7	position:absolute;
8	right:20px;
9	text-indent:-999px;
10	top:50%;
11	width:40px;
12}
13.menu-toggle:before {
14	border-top:6px solid #828282;
15	content:"";
16	left:0;
17	position:absolute;
18	top:6px;
19	width:100%;
20}