contents move when browser is resized.

Hi Guys,

I was wondering if anyone can help me with this problem. Basically, everything is placed properly on my page, but when I resize my browser (smaller) everything moves including my sidebar and its contents. They end up, depending on how small I resize my browser, either on top of my container or below it just above the footer.

Any help is greatly appreciated…

Thanks!

Here’s my css:

[CSS moderated as per the Forum Rules. Please post a link to your site instead.]