CSS3 Animation Prevent Inheritance
===

I have an CSS3 animation which enlarges a div box.
This div contains an child element "p"-tag. When I set the animation class on the div box, the p tag inherits the animation. But I want to run the animation only on the parent div element and not on the child.

How can I prevent animation (-webkit-animation) inheritance?
I tried to set -webkit-animation:none on the child but it doesnt work.