How to move a background image down in HTML 4.01

I’m trying to convince a background image on my church website to move down a bit so some text next to the image is not obscured.

Here is the code. The closing tags are present in the code, but since there is a lot of other stuff between the end of what I’ve cited and the closing tags, I have not copied them here.

<head>
<title>Church</title>
<meta http-equiv=“Content-Type” content=“text/html; charset=iso-8859-1”>
<link href=“styles.css” rel=“stylesheet” type=“text/css”>
</head>

<body background=“xbg.gif” leftmargin=“0” topmargin=“50” marginwidth=“0” marginheight=“0”>
<table width=“750” border=“0” cellspacing=“0” cellpadding=“0”>
<tr align=“left” valign=“top”>
<td> </td>
<td> </td>
</tr>

Thanks for any help!

PS I use this HTML version because that is how the site was created, and all I’m doing is learning to tweak it.

You can use css to control the background position. With so little code to work on, I use an inline css as an example. The background-position property takes different units, here the position from left and from top is set in pixels:

<body style=" background-image:url(xbg.gif); background-position: 0 50px; background-repeat: no-repeat;"> ...

Thanks!

I see what you are doing, and will try it.

Polly