.tabs {
 position: relative; 
 min-height: 200px; /* This part sucks */
 clear: both;
 margin: 25px 0;
}
.tab {
 float: left;
}
.tab label {
 background: #fff; 
 padding: 10px; 
 border: none; 
 margin-left: -1px; 
 position: relative;
 left: 1px; 
}
.tab [type=radio] {
 display: none; 
}
.content {
 position: absolute;
 top: 28px;
 left: 0;
 background: white;
 right: 0;
 bottom: 0;
 padding: 20px;
 border: none; 
}
[type=radio]:checked ~ label {
 background: white;
 border-bottom: none;
 z-index: 2;
}
[type=radio]:checked ~ label ~ .content {
 z-index: 1;
}