Hotpot (plugin)

I'm having some strange problems with my Hot Potatoes exercises when I use them as Moodle activities. The problem is that they are rendered rather differently when they are uploaded via the HotPot module from when they are seen as regular web pages. Here are some screen shots. In the following screen shot you can see the distance between two parts of the instructions block in a web page generated from JCloze:



In this other screen shot, you can see how it is visualized when it is uploaded via the HotPot module:



The code I'm using to create the instructions is:

<div align="left"><strong>Fill in the blanks with the appropriate word. In some cases you might have to add articles and/or prepositions to make the expression fit (e.g. "all of the")</strong>
<hr style="width: 100%; height: 2px;"><table width="100%" border="0" align="center" cellpadding="3" cellspacing="4"></hr>
<tr>
<td bgcolor="#CCCCCC"><span style="font-family: Arial;"><strong>Instructions for gap-fill exercises</strong>: Fill in all the gaps, then press 'Check' (at the bottom of this page) to check whether your answers are correct. You can use the 'Hint' button (also at the bottom of this page) to get a free letter if an answer is giving you trouble. If you want to exit before finishing, click on the 'give up' button in the upper part of the screen. Your score will not be stored.</span></td>
</tr>
</table></div>

Does anybody have any idea about what is going wrong? Why should the rendering be so different?

Josep M.