title: How to put text over an image without absolute positioning or setting the image as backbround
body: <p>I'm trying to see if it is possible to put some text over an image without using position: absolute or having the image being, the background of an element.<br>
  The reason for the constraints is that the HTML code is going into an e-mail, and it turns out that hotmail supports neither.<br>
  I remember that when I first began studying CSS, fiddling around with float-ing text around images I often ended up with the text merrily going all over the image. Sadly, I can't reproduce that behavior.</p>
  
  <p>Full story (edited in):<br>
  I received a fancy layout from the graphics designer. It's basically a nice background picture, with logos linking to websites and what basically is a "text goes here" area in the middle.<br>
  As usual in these cases, I'm using tables to make sure that everything stays in place AND works crossbrowser+crossmailclient.<br>
  The problem arises from the fact that the middle "text goes here" area is not a white rectangle, but has a some background graphics.<br>
  Having made some test, it appears that Live Hotmail does not seem to like neither position: absolute or background-image; relative margins are also not good because they'd ruin the rest of the layout.</p>
  
  <p>Current version, works in any other mail client/website:</p>
  
  <pre><code>...
  &lt;td&gt;
  &lt;img src='myimage.jpg' width='600' height='400' alt=''&gt;
  &lt;p style="position: absolute; top: 120px; width: 500px; padding-left: 30px;"&gt;
  blablabla&lt;br&gt;
  yadda yadda&lt;br&gt;
  &lt;/p&gt;
  &lt;/td&gt;
  ...
  </code></pre>
  
  <p>Of course, “it's not possible” could be a perfectly acceptable answer, but I hope not ;)</p>