I have a small problem...There is a sidebar on a site design im working on. The problem is that on 800x600, or when you shrink the window, it pushes the sidebar to the bottom of the page. I have tried all kinds of things and nothing seems to work!

Here is the link to the design: http://helmgames.com/redesign/index.php

Here is the CSS for the sidebar container:

#containerleft{
    width: 587px;
    float: left;
}

and incase you dont feel like reading the source... the HTML is set up like this:

<div id="containerleft">//main sidebar container
    <div id="top">//top peice of the sidebar
    </div>

    <div id="bg">//main part of the sidebar
           //content
     </div>

     <div id="bottom">//bottom peice
     </div>
</div>

You're getting float drop, a product of total widths that are wider than the available window space. You must remember to compute widths and include the padding and margins in those calcs.

well i seemed to have fixed it. Just used percentages instead

That works Congrats !