Cross-Browser Compatibility Problems Firefox to Chrome

Can anyone help me understand why this code below works great for tabbed browsing in FireFox 20.0.1, but not Chrome 26.0.1410.64m?

CSS:

/* all tabs */
 
.tabs input {display:none}
 
.tabs label {
    background-color:#ccc; 
    border:solid 2px #fff;
    cursor: pointer;
    display:inline-block; 
    padding:5px 15px;
}
 
.tabs div {
    display:none;
    border:solid 2px #adf; 
    padding: 15px;
}
 
/* tabs-1 */
 
#tabs-1 :checked + * + * + label { background-color:#adf;border-color:#adf}
#tabs-1 :checked + * + * + * + * + * + div { display: block }

Syndicate content