HTML/CSS invisible margins by default, but not when using position:absolute
Simple problem:

By default, for example, when I have a file like this:

    <html>
      <div style="backgroundcolor:red;height:25px;width:100%;">
      </div>
    </html>

I get a div that has margins of about 10px from the edges of the window - there is white space that basically cannot be filled even with text.

But when I do this:

    <html>
      <div style="backgroundcolor:red;height:25px;width:100%;position:absolute;top:0;left:0;">
      </div>
    </html>

I have it touching the edges of the window - no white space.

I want to get rid of the white space because I have a centered window that grows to 100% width and because of the invisible margin on the left, it extends farther to the right and causes the white space on both sides to be asymmetrical.

I don't want to use absolute positioning because the div I am expanding is centered, and absolute positioning in general is pretty messy.

HTML/CSS invisible margins by default, but not when using position:absolute
===

Simple problem:

By default, for example, when I have a file like this:

    <html>
      <div style="backgroundcolor:red;height:25px;width:100%;">
      </div>
    </html>

I get a div that has margins of about 10px from the edges of the window - there is white space that basically cannot be filled even with text.

But when I do this:

    <html>
      <div style="backgroundcolor:red;height:25px;width:100%;position:absolute;top:0;left:0;">
      </div>
    </html>

I have it touching the edges of the window - no white space.

I want to get rid of the white space because I have a centered window that grows to 100% width and because of the invisible margin on the left, it extends farther to the right and causes the white space on both sides to be asymmetrical.

I don't want to use absolute positioning because the div I am expanding is centered, and absolute positioning in general is pretty messy.
