Layout vraag

Kijk ik stuur deze layout met de mail mee:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 
<head>
<title>Mail systeem</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
body {
  background: url(http://www.supermails.nl/mailimages/bg.gif);
  font-family: verdana;
  font-size: 11px;
  margin: 0;
  color: #333333;
}
#logo {
  background: url(http://www.supermails.nl/mailimages/logo.gif);
  height: 109px;
  width: 382px;
}
.head {
  background: url(http://www.supermails.nl/mailimages/mailhead.gif);
  height: 24px;
  width: 544px;
  padding-top: 6px;
  padding-left: 5px;
  font-weight: bold;
  color: #ffffff;
  text-align: left;
}
.content {
  width: 547px;
  border: 1px solid #000000;
  border-top: 0px;
  background: #ffffff;
  margin-bottom: 10px;
  text-align: left;
}
</style>
</head>
<body>
<center>
    <div id="logo"></div>
    <div class="head">Lorem</div>
    <div class="content">Lorem</div>
</center>
</body>
</html>

Maar nou zie ik alleen de content streep onder door lopen de images verdwijnen gewoon. Hoe kan ik zorgen dat de images wel worden weer gegeven in de mail?