I'm having a little trouble. Having discovered that Outlook 2007 supports body background images we've been trying to make an email with some text over a large image. Works great in Outlook 2007 (which is always a surprise). But Hotmail and others didn't work, so I put a copy of the background in a td and overlaid it so you get one, the other or both aligned over the top. Again, works great in every client we've tried except one....
Yahoo mail has decided to put the background image on the body tag as having a point of origin right where the subject line is. And it displays both overlaid images so you get a nice double vision effect.
Anyone know any way to solve this?
Code starts like:
<body background="http://emails.web.coop/staffs/background_large.jpg" style="padding: 0px; margin: 0px; backgound-position: top-left;"> <table width="600" height="725" border="0" align="left" cellpadding="0" cellspacing="0" style="padding: 0px; margin: 0px"> <tr> <td width="600" height="660" background="http://emails.web.coop/staffs/background.jpg" style="background-repeat: no-repeat; padding:0 px; margin: 0px;">
Any help would be great as it's driving us round the bend....
Background is spelled wrong in your body tag, and top-left is not support. Try putting no dash or use "bottom left". This will fix your Yahoo! issue, but it will still double up on AOL/Mail.com in both IE and FF.