Help with HTML Blocks

Hi all, I hope someone can help me with this.

I have noticed that when I create a "HTML Block" it does not show like the other modules, for example, the header of the module has a bigger gap below it.

I have attached a screengrab of the problem, but you can also see it at www.ifyoubelieve.net. 

Does anyone know why this is happening and how to resolve it?

Thanks in advance.

I don't have an answer but I noticed that margin-bottom: 5px; .boxFirstHeader in common.css does not affect that block (it affects all the other blocks) but other entries in .boxFirstHeader are applied.  Maybe that bit of info can help guide you.

Thanks for the reply.  Ill take a look in that file. :)

What I was trying to say is that something somewhere seems to be overriding the margin-bottom: 5px; .boxFirstHeader in common.css.  What or where I could not determine.

Oh, ok.  I misunderstood. 

Would updating to 7.1.4 resolve this issue as I have not done that yet?

I can not answer that as I don't know.  HTML blocks use design box one; the same as other blocks.  It could be an issue with the template.  7.1.4 does fix a number of bugs, so eventually I would upgrade to 7.1.4.   Maybe someone else can take a look.  Look inside that HTML block that you created and see if there is something that might be overriding the margin for the header.