Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
  <head>
    <title>Test Page</title>
    <style type="text/css">
      body {
        background: #ff00ff;
        color: #000000;
        margin: 0px;
        border: 0px;
        padding: 0px;
        text-align: center;
      }
    </style>
  </head>
  <body>
    <table style="width: 100%; padding: 0px; margin: 0px;">
      <tr style="padding: 0px; margin: 0px;">
        <td style="color: white; background-color: black; margin: 0px; border: 0px;">Foo</td>
      </tr>
    </table>
  </body>
</html>
No matter how hard I try, there is still an ugly pink line around the edge of that little black box. Regardless of which browser I use. The problem is, I've seen this solved without absolute positioning. But the page it was one is a jumble of CSS and deprecated attributes, so I don't know which one is actually achieving the results.