Divs move around when i zoom in/out

Question

My webpage layout is changing when i zoom in and out on google chrome!

Here is the link to my website: http://party.mccrossings.net

I did already check other posts which did not help me out!

Answer 1

To keep your content div centered, add the following properties:

#content {
    width: 800ppx;
    height: 800px;
    position: absolute;
    top: 0px; bottom: 0px; left: 0px; right: 0px;
    margin: auto;
    background-color: #fff;
}