you can try this code, hope it helps..
Code:
<html>
<head>
<title>The Bow Tower</title>
<style>
body
{
background: url('content_bg.jpg');
background-repeat: repeat-x;
margin:0;
}
#textdiv
{
width: 230px;
height: 100%;
background-color: #ffaaaa;
float: left;
padding: 0;
margin: 0;
}
#imgdiv
{
width: 250px;
height: 100%;
background-color: #ffaaaa;
padding: 0;
margin: 0;
float:left;
}
span
{
font-size: 18pt;
font-family: verdana;
font-weight: bold;
}
</style>
</head>
<body>
<div id="textdiv">
<br>
<br>
<span>
The Bow Tower<br>
</span>
<br>
<br>
<ul>
<li><a href="services.html">Services</a></li>
<li><a href="information.html">Information</a></li>
<li><a href="health_safety.html">Health and Safety</a>
<li><a href="index.html">Index</a>
</ul>
</div>
<div id="imgdiv"><img align=right src="bow tower.jpg" border=0></div>
</tr>
</table>
</body>
</html>
I just add margin 0 in the body to eliminate space then also I added float left in the #imgdiv... good luck!
Bookmarks