[jQuery] toggleClass and CSS inheritance

[jquertil]

.toggler {background:#fff;}
.open {background:#000;}

$('.toggler').click(function(){
   $(this).toggleClass('open');
}

It's really a CSS problem, because the DOM does toggle the classname.
But the background does not change.

<div class="toggler open">blah</div>

Only solution I can think of is not using toggleClass, but its so nice
and simple that way. Anyone know a solution by chance? Thanks a lot!