Code:
<body>
<div style="text-align:center">
<div style="background-image:url(http://www.favoritestaffing.com/public/ecards/Broadcast/Images/CSS-BG680.gif); background-repeat:no-repeat; width:576px; height:680px; text-align:left; margin:10pt auto 0 auto; font-family:Arial, Helvetica, sans-serif; font-size:10pt;">
<div style="margin:110px 25px 10px 100px;">
EXAMPLE
</div>
</div>
</div>
</div>
</body>When you render this code, the EXAMPLE fits weird into the background. I can fix this one of two ways. A) make the margin in padding or B) add a float:left to the inner most div. IE is the culprit here as it renders everything the same regardless of padding versus margin or float. Since it is "technically" fixed I was wondering what is the official fix for something like this. Should I use padding? Should I use float? or is there another method that works better?