If I enter the following code I cannot get the picture right aligned because of the text in the bottom row. If I remove the text, the picture is right aligned. How do I fix this problem while still maintaining the layout.
ok I see the real problem. You need to size your blank tables cells with spacer gifs in addition to using the width="" attribute on the <td>. I know this seems stupid but browsers really are stupid and you need to tell them exactly what to do. Sizing table cells with transparent gif's 1px tall by wide will fix your problem.
In photoshop create a new file with transparent background that is 1px by 1px. Then save for web with transparency turned on and chose gif. Name it clr.gif or spacer.gif or something. Now put it in your table to set the widths of your cells.
Everyone stop *****ing. The fact of the matter is that Colin's method worked and I am happy. Zoobie, if you have a solution without spacers, since you never use them, please post it and I'll test it out.