CSS: Hvidt mellemrum ved positionering

Hi

Jeg sidder og leger lidt med css. Jeg vil gerne dele min side op i to farver. Det går også fint, men jeg får et bredt hvidt mellemrum til højre på siden, lige ved siden af scrollbaren.

Er der nogen der kan hjælpe ? Jeg har inkluderet min kode herunder.

<HTML>
<HEAD>
<META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0">
<TITLE></TITLE>
</HEAD>
<BODY marginwidth=0 marginheight=0>

<div style="{
    position:absolute;
    left:0px;
    top:0px;
    height:20%;
    width:100%;
    background:#007524;
}"></div>

<div style="{
    position:absolute;
    left:0px;
    top:20%;
    height:100%;
    width:100%;
    background:#00B03B;
}"></div>

</BODY>
</HTML>


Mvh Kobojt