Mail Vorlage wird in Webmail nicht korrekt angezeigt

[timroh]

Hallo,
Ich habe mit HTML, CSS und DIV Tags eine Vorlage, wie hier und hier beschrieben, erstellt. Das Funktioniert auch alles wunderbar in MacMail. Die E-Mail wird aber leider sonst nirgends korrekt angezeigt (iPhone, Eudora, Webmail). Ich dachte dann, dass das halt nur in MacMail funktioniert, bin dann aber stutzig geworden, als die Standartvorlagen funktionierten. Vielleicht kann mal jemand meinen Quellcode anschauen.
Danke für eure Hilfe

<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Vorlage</title>
<style type="text/css">
body{
	background-color : #575759; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 12px;
	text-align:center;
}
#div1{
	text-align:left;
	background:url(bground.jpg) 50% 0;
	position:absolute;
	width:800px;
	left:50%;
	margin-left:-400px;
	height:600px;
}
#div1 #div2{
	position:absolute;
	width:633px;
	height:160px;
	text-align:left;
	float:left;
	padding:60px 0px 0px 70px;
	font-size:36px;
	color:#59595B;
}
#text{
	width:565px;
	height:400px;
	margin-top:180px;
	margin-right:0px;
	padding:10px;
	padding-left:70px;
	position:absolute;
	line-height:1.4;
}
#transbox
  {
  width:800px;
  height:420px;
  margin-top:180px;
  margin-right:0px;
  background-color:#FFF;
  filter:alpha(opacity=20);
  opacity:0.2;
  -moz-opacity: 0.90;
  position:absolute;
 }

</style>
</head>
<body>
<div id="div1">
<div id="div2"><strong><span contenteditable="true" apple-content-name="head">
  Titel</span></strong></div>
<img name="Logo" src="logo.png" width="137" height="160" border="none" style="position:absolute; right: 3px; top: 3px;">
<div id="transbox"></div>
<div id="text"><span contenteditable="true" apple-content-name="body">Text</span></div>
</div>
</body></html>