Alignment

[antijoke]

So I'm trying to just create a mock up design and I'm having an issue with getting one of my divs to align in the centre

#animation {
width: 903px;
margin-right: auto;
margin-left: auto;
height: 120px;
background-color: #000;
position: fixed; left: 232px;

}

Now I understand the reason it doesn't line up with my nav div which is below because #nav is set to be centered with auto margin, but as you can see here I have other divs with-in the animation div.

#nav {
width: 903px;
text-decoration: none;
background-color: #000;
color: #738791;
margin-right: auto;
margin-left: auto;
height: 40px;
}

How can I get animation div centered so it looks right at any resolution like the nav div without effecting the divs within #animation?

Sorry if this isn't very clear.

 

[antijoke]

Awesome. Thank you.