Hi all,

I put together a very basic newsletter for a client, and tested it in the various browsers before handing over the work. My client sent the email out to his customers, but alot of them complained they could not see the images.

It turns out the images are being blocked by the email clients, e.g. I need to click "show content" on hotmail, and "show images" on gmail to be able to see the newsletter - which is obviously less than ideal.

Is this something I have done wrong code wise for the clients to be blocking the images?

HTML Code:
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>Some Newsletter</title>
		<!-- Inline Styles-->
		<style type="text/css">
			body{
				padding:0; 
				margin:0;  
				font:normal 18px Arial, Helvetica, sans-serif; 
				color:#000000;
			}
			img {
				border:0;
				display:inline;
			}
			a {
				color:#0093d3 !important; text-decoration:underline; 
			}
			a:hover { 
				text-decoration:none !important 
			}
			a img { 
				border:0 !important; 
				text-decoration:none !important;
			}
			#middleRow{
				vertical-align:top;
			}
			.mailTo{
				margin-left:60px;
			}
		</style>
	</head>
	<!-- HTML Body -->
	<body>
		<table width="753" border="0" cellspacing="0" cellpadding="0">
			<tr>
				<td id="topRow" width="753" height="596" background="someurl"></td>
			</tr>
			<tr>
				<td  id="middleRow" width="753" height="87" background="someurl">
					<p class="mailTo">Email this to: <a href="mailto:some@email.com">some@email.com</a></p>
				</td>
			</tr>
			<tr>
				<td width="753" height="369" background="someurl"></td>
			</tr>
		</table>
	</body>
	<!-- END HTML Body -->
</html>

I really appreciate your help!