table has mysterious gaps

I created an answering machine image. I wanted the number of messages to blink. I divided the image up into 5 parts, animated the number of messages, and put the image back together using a table. It works beautifully here:

view image

When I tried to put this code in a WordPress page, there were big gaps. Here’s a screenshot:

<A HREF=”https://www.quirkynomads.com/images/beep/wordpress.gif”>view screenshot</A>

The table is in one long line, *no* line breaks. I am *not* using the wysiwyg editor. The code looks like this:

<TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0"><TR><TD COLSPAN="3"><IMG SRC="01top.jpg"></TD></TR><TR><TD><IMG SRC="02left.jpg"></TD><TD><IMG SRC="03anim.gif"></TD><TD><IMG SRC="04right.jpg"></TD></TR><TR><TD COLSPAN="3"><IMG SRC="05bottom.jpg"></TD></TR></TABLE>

Any ideas as to what I’m doing wrong? Suggestions much appreciated.

Thanks,
-Sage