figure and div elements

Me again!

I’m doing some QA on our EPUBs, and am noticing that the figures in this text are placed with <div> tags rather than <figure> tags (and, for that matter, the figure caption is set with a <p> tag rather than the <figcaption> element).

The code looks like this:

<div class=”figure” id=”f00_001″>
<div class=”imgscaler-100″></div>
<p class=”figcaption”>
<b>Figure 0.1</b> Wilhelm von Osten training his stallion, Clever Hans.
</p>
</div>

I’m thinking it should look like this:

<figure id=”f00_001″ class=”imgscaler-100″>
<figcaption class=”figcaption”>
<b>Figure 0.1</b> Wilhelm von Osten training his stallion, Clever Hans.
</figcaption>
</figure>

When I do this, though (or even when I wrap the whole shebang in <figure> tags), the figure no longer scales properly. Clearly, writing the code this way doesn’t jive with the CSS somehow.

So my questions are: is it okay to use <div> for figures, as in the first example above? And if not, what do I need to tell my conversion house to sort it out?