Hey guys, I'm trying to figure out why my banner ribbon has an irritating (what looks like) 1px gutter showing up in Explorer 8. It positions correctly in Firefox and Sea Monkey. Please tell me I'm not in Quirks mode.

[EDIT]
I just realized that the top is completely off in IEx8, as well. What the . . .

s

Code HTML4Strict:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
  <head>
    <meta content="text/html; charset=ISO-8859-1"
      http-equiv="Content-Type">
    <title>TESTING BANNER</title>
  </head>
  <body>
 
    <div style="margin-top: 33px; margin-left: 25px; margin-right: 25px;
      background: BLACK">
      <img style="position: absolute; top: 0px; right: 0px; width:
        512px; height: 512px;"
src="http://dc431.4shared.com/img/cNv6GAez/s7/vector_-_corner_ribbons_2-06_b.png"
        alt="">
 
      <div style="padding: 30px 30px 30px 30px;" align="center">
        <img style="padding: 15px 15px 15px 15px; background: WHITE;
          width: 600px; height: 391px; display: block;"
src="http://images.fineartamerica.com/images-medium/forest-floor-liz-mcqueen.jpg"
          alt=""></div>
    </div>
 
    <div style="background-image:
      url([url]http://blog.thornyeternity.com/wp-content/uploads/2012/05/tile-arabesques-light.jpg);[/url]
      background-repeat: repeat;">
 
      <div style="padding-top: 35px; padding-bottom: 35px; text-align:
        center; display: block;" align="center">
        <img style="border: 10px dotted BLACK; padding: 25px 25px 25px
          25px; width: 800px; height: 385px; background-color: white;"
          src="http://img.aasd.com.au/37538374.jpg" alt="">
      </div>
    </div>
  </body>
</html>