Forum:Tabber extension css modification

I recently found dynamic tabs on the wiki and they look verry usefull.

Section One= Section one content. Section Two= Section two content.

Section One= Section one content. Section Two= Section two content.

I currently try to change the css to make it fit in mine wiki but there seems to be an problem. The css color tabs don't seem to work. I almost tryed everything. It almost seems I can't change it however it can be removed by removing it in your browser. I tryed the folowing options: ul.tabbernav li a { background: #FF0000; } .tabber lu li a { background: #FF0000; } a.tabber { background: #FF0000; } .tabberlive lu li a { background-color: rgb(255, 0, 0); } a.tabberlive { background-color: rgb(255, 0, 0); } ul.tabbernav { background-color: rgb(255, 0, 0); } ul.tabbernav li a    background-color: rgb(255, 0, 0); background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0% 0%; background-clip: border-box; background-origin: padding-box; background-size: auto auto; }

This is what I currently known:
 * The class of the tabber function is "tabberlive"
 * The css is buildup like this: Lu - li - a

More info about this extension:
 * MediaWiki
 * creator
 * creator css example

My current tests and results ul.tabbernav li a { background: #FF0000; }
 * class tabbertab: Background of ul tabbernav change
 * class tabber (lu) (li) (a): doesn't exist
 * class tabberlive (lu) (li) (a): Background of ul tabbernav change
 * straight html:

If you find an fix please tell me.

Selectors:

Tab (Active):

Tab (Inactive):

Tab Panel:

(I have no idea why the  pseudoclass is used, seems pointless to me, probably JS-disabled fallback of some type)

Example: Lunarity 10:45, September 12, 2012 (UTC)