I've got a bunch of extra space at the bottom of my page here. Not sure why, anyone got a suggestion?

http://meanollionsden.com/index.html

here is the css
http://meanollionsden.com/index.css

I think the reason is -

the about div is inside the content div which is in the container div. Some of the internal divs are not happy sitting next to each other so they push each other down. To resolve this to have just used something like 'top:-500' in your css to bring it back up. But the parent divs content and container stay where they are.

Seeing as you are only useing a static design you could use absolute to position. You would then lose the white space.

you should be able to get it working without even using absolutes.Try using floats

I don't think so.
For one thing, you don't need position:relative on EVERY div, it's simply not necessary. Put position:relative on your container and that should be all you need.

When I took out ALL of the positioning and left only position:relative on the #container, the space disappeared.

You've also got all this going on:

#about {
min-height: 500px;
height: auto;
_height: 500px;
width: 480px;
position: relative;
left: 45px;
top: -520px;
margin-left: auto;
margin-right: auto;
}

How many times do you need to define height ?? The content will stretch the page as it goes.

Thanks for the help LadynRed, I know it's really messy, but I just cleaned it up quite a bit and started using float to position div better. Work on realigning things a little later when I've got time.

As for all the hight definitions, originally the page had very little content and the graphic I have that comes at the bottom right was within tha "about" div so I needed to make sure the <div> was at least 500px high, or else it looked wierd. The second and third height definitions, to my understanding, were IE work arounds. I no longer needed them as the page has enough content now.