Всплывание событий в HTML5. Перекрытие элементами друг друга.
 

Всем привет, это опять я (:
Есть такая http://jsfiddle.net/k7adwo8m/1/ ситуация.
Коротко: переход по вкладкам осуществляется с помощью ссылок и css псевдоселектора :target.

Возникла проблема с тем, что нужно активную вкладку разукрасить в белый бекграунд.
Для контроля состояния ссылки добавлена группа input типа radio.
Проблема в том, что при клике на label не срабатывает клик по ссылке.
(И наоборот если ссылку засунуть в label).
Можете проверить - область на вкладке с cursor: poiner - это ссылка. Без - label.
Элементы как будто перекрывают друг друга.
События не всплывают. :-E
Ищу CSS решение или короткое и красивое на js.
СПАСИБО ЗАРАНЕЕ!:victory:

:help:

Решил не мучиться и навесил listener-ы js.
Но хотелось бы конечно чистого css решения..

поменяв структуру html
например, на подобную http://learn.javascript.ru/play/0Uaaob
можно по :target управлять и вкладками и показом содержимого