Figures in html - forcing one figure/page

Hello,

 

I have a document with several vertically 
sequential  figures. When processed to chunked html all the figures end up 
on the same page, which looks unsightly. There is no vertical spacing between 
them. I would like to either insert some  spacing for the html(but not the 
pdf) or force the html put each figure in a different 
chunk.

 

<section>

 

<figure>
<title>MERIS</title>
<mediaobject>
<imageobject 
role="fo">
<imagedata fileref="resource/meris.svg" format="svg" 
align="left" valign="middle"/>
</imageobject>
<imageobject 
role="html">
<imagedata fileref="resource/meris.png" format="png" 
/>
</imageobject>
</mediaobject>
</figure>

 

<figure>
<title>MODIS</title>
<mediaobject>
<imageobject 
role="fo">
<imagedata fileref="resource/modis.svg" format="svg" 
align="left" valign="top" />
</imageobject>
<imageobject 
role="html">
<imagedata fileref="resource/modis.png" format="png" 
/>
</imageobject>
</mediaobject>
</figure>

 

</section>

 

(I am also finding that valign is not working for 
the pdf. All the figures start at the top of page.)

 

Thanks,

Brendan