Hello Crispy,
You have a lot of errors that need fixed -
http://validator.w3.org/check?verbos...fservices.html
See the links about validation in my sig below.
If you add a background color to your #container, you will see what met is talking about. Try this once -
#container { width:1024px; height:1024px; margin:0 auto; background: #fff;}
If you remove that height:1024px; and clear the floats with overflow:auto; it would work better. Try this instead -
#container { width:1024px; margin:0 auto; overflow: auto; background: #fff;}
Here is an
explanation of how clearing floats like that works.
---------------
Of course, that shows other problems in your code. Your #upper is 800px wide but your many #porfolio's are 959px wide.
After you change #porfolio to .portfolio, make sure their total width -includes margin/padding/border, will fit inside their container.
Have a look at
how the box model works.