Better alignment css div (3 columns, medium large)

I want the main html text (div.main) to be next to the standard paper size (8.5inch - 1in margin on both = 6.5)

I want my sidebar menu to be outside of this. So I figured out how to lock the page to 1024 res (I am using 996px so I have room for a vertical scrollbar)

It looks pretty good at 1024 and 1280 pixels, but I'm not sure which is higher. Also maybe you have a suggestion on how best to reconcile this (by keeping 6.5in in the center)

index.html               

<div>
    <div class="menu">
    <ul>
    <li><a href="">Home</a></li>
    <li>Test</li>
    <li>Test 2</li>
    <li>Contact</li>
    </ul>
    </div>
</div>

<div class="row">
<div class="dummy">&nbsp;</div>

<div class="main">
lots of textlots of textlots of textlots of textlots of textlots of textlots of textlots of text
...
lots of textlots of textlots of textlots of textlots of textlots of textlots of textlots of text
</div>

<div class="sidebar">
Some links here</br>
<br>Some links here</br>
<br>Some links here</br>
<br>Some links here</br>
<br>Some links here</br>
</div>
</div>


</body>
</html>

      

        
        
        
      

    

my.css:

div.row
{
    width: 996px;
    margin-left: auto;
    margin-right: auto;
}

div.dummy {
    float: left;
    padding-right: 148px;
}

div.sidebar {
    float: left;
    padding-left: 32px;
}

div.main
{
    width: 6.5in;
    float: left;
}

.menu    { padding-bottom: 60px; }
.menu ul { margin:0px auto; }
.menu li {
    width: 22%;
    text-align:center;
    display:block;
    float:left;
    }
.menu a  { display:block; }