Trying to break CSS3

This is my earlier experiments with overly complicated css selectors, peppered with a couple webkit transitions. Jquery is only used to start and stop the music. I included the css inline so it is easy to see when you bring up the source. Animations and selectors work with Chrome and safari. Selectors work with Firefox.

offon

SOCS

This experiment has uncovered a bug in webkit browsers. It appears the :checked pseudo class needs to be "primed" before completely working. Notice you need to hover on the record at least once before the equalizer works when the on radio button is selected.

P.S. I realize things only line up for one browser width (around 1200px), but I don't feel like fixing it since it is not really pertinent to the experiment.