Sorry to keep troubling those who have offered their help to me so far. I've got another little niggle which i know someone here will be able to help. What i want to do is group some objects together and get them *all* to fade (opacity) after a certain length of time. The code i'm using is:
<g id="scenary">
<set attributeType="CSS" attributeName="fill-opacity" to="0" begin="9s"/>
<set attributeType="CSS" attributeName="stroke-opacity" to="0" begin="9s"/>
<path style="fill: yellow; stroke-width: 1; stroke: lightbrown" d="M 0 392 C 16,386 266,376 2,292 z"/>
<path style="fill: brown; fill-opacity:1; stroke-width: 1" d="M 36,218 C 7,236 11,321 20 326 L 37,324 C 36,319 16,237 43,219 z"/>
<path style="fill: green; fill-opacity:1; stroke-width: 1" d="M 41 219 C 52,217 72,222 79,230 C 83,212 71,213 68,213 L 65,217 L 64,216 L 67,212 C 65,212 65,211 62 211 L 60,213 L 60,210 C 52,207 40,216 40,219 z"/>
<path style="fill: green; fill-opacity:1; stroke-width: 1" d="M 40 219 C 28,214 18,217 8,225 C 8,217 19,210 20,211 L 22,213 L 23,210 C 23,208 26,208 28,210 L 28,213 L 30,208 C 40,212 38,217 40,219 z"/>
<rect style="fill: black; fill-opacity:1; stroke-width: 1; stroke: #000000" x="14" y="302" width="6" height="1"/>
<rect style="fill: black; fill-opacity:1; stroke-width: 1; stroke: #000000" x="14" y="297" width="6" height="1"/>
<rect style="fill: black; fill-opacity:1; stroke-width: 1; stroke: #000000" x="14" y="282" width="5" height="1"/>
<rect style="fill: black; fill-opacity:1; stroke-width: 1; stroke: #000000" x="14" y="277" width="5" height="1"/>
</g>
The problem seems to be that it only applies this effect to the 1st object and not the whole group.
Any ideas? I did try having a group outside of the group and putting the animation in but it still only gets applied to the 1st object in the inner group.