Website sidebars overlapping center body. How to zoom out instead

Ok i need help with my website. When I minimize my website the items on the sidebars overlap on the middle of the page.
I would like my website to zoom in and zoom out instead of over lapping.
I am quite new to web design but understand the basics.

To take a look at my website it is:
To view the code right click on the page and click view page source.

The reason for the overlap is that the sidebar is set to position:absolute. This means that an element is not seem by other elements, so it’s not a great way to do layout. However, with the design you have, it’s difficult to recommend an alternative. The ideal would be to re-do the layout in such as way that the sidebar is part of the main content. You may not want to go that far, though.