[css-d] Sum total greater than 100%

[John Dick]

Why is right side longer than left side in this skeleton layout?  You can see 
at the bottom of the webpage when this info is entered in a test document:


<div id="container">
    <div id="left">Left Nav Bar</div>
    <div id="right">
        <div id="Row1">Header bar</div>
        <div id="Row2">Content</div>
        <div id="Row3">Footer</div>
    </div>
</div>


CSS is here:

<style type="text/css" media="screen">
body {
                margin: 0;
                padding:0;
                border: 0;
                text-align: center;
}
#container {
                width: 800px;
                text-align: left;
                margin: 0 auto;
                height: 565px;
}
#left {
                float: left;
                width: 25%;
                height: 100%;
                background: red;
                border: 2px black dotted;
}
#right {
                height: 100%;
                border: 2px black dotted;
                float: inherit;
}
#Row1 {
                height: 15%;
                background: green;
                border: 2px black dotted;
}
#Row2 {
                height: 70%;
                background: yellow;
                border: 2px black dotted;
}
#Row3 {
                height: 15%;
                background: blue;
                border: 2px black dotted;
}

</style>

Thanks for any any advise on this.

                                          
_________________________________________________________________
http://clk.atdmt.com/UKM/go/197222280/direct/01/
We want to hear all your funny, exciting and crazy Hotmail stories. Tell us now
______________________________________________________________________
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/