CatherineB

The image does have a black line at the top, view it here: http://www.ebta.co.uk/images/george-new.jpg
 
Goodluck,
~evu.
 
Ed: To be a bit more helpful, use something like http://pixlr.com/editor/ to crop it from the top by a couple of pixels.

Hi Catherine,
 
To resolve your first issue, you could simply add some right padding to <font class="frontpage"> </font>, ensuring to make it a block-level element first so that the padding takes effect. Something like this:
 
.frontpage { font-family: Verdana; font-size: 16px; line-height: normal; color: #0D0D2A; /* I've added these next two lines, change padding higher/lower accordingly */ padding-right: 30px; display: block; }  
For the background image issue, just fix the image to the bottom right of the table so that it never moves from that position, even when more text is added. Here is an example:
 
<td width="740" bgcolor="#FFFFFF" valign="top" background="images/george-new.jpg" style="background-position: bottom right;background-repeat: no-repeat;">  
The border issue may be related to the image itself. Perhaps there's a border already on the image? If so, you could put it in to some image editing software and just crop the border at the top.
 
Lyndsey.

Yes, take a look at the CSS for Margin and Padding and Borders. It can look like this (px = pixels):
 
 
.text { padding:0px 20px 0px 0px; margin:0px 0px 0px 0px; border:2px; }
 
 
The above numbers correspond to the padding (or margin or border) in each direction, starting with Top then Right, Bottom, Left. Clockwise; If you get what I mean? If you put a single figure, it will use that for all the directions (like border in the above example).
 
Then in your HTML add class="text" into your <font> or <p> or <div> tag etc
 
<p class="text"> YOUR TEXT HERE </P>