css / css3 animation issue

[aaronhockey_09]

http://aaron-armstrong.com/new-a/#

Hey Coding Forums,
So i got a question for you.

I am creating a new portfolio ( not sure if i'll use it or not yet. )
And i have all the content on a single page.
when you click on one of the navigation buttons ( top, left, bottom, or right. )
That content slides down, and if you click home, it slides back away and shows the "home" page.

But....
When you click on the right or bottom, it doesnt animate, it just snaps into place. But still animates when its going back to the home page.

I can only assume this has to do with how i am position these elements.
I have their width and height set to 100%, and then i have a margin to hide them

Top = margin-top:-100%;
Left = margin-left:-100%;
Right = margin-left = 100%;
Bottom = margin-top: 100%;

How else would i position these elements ??

I posted the link at the top, let me know if you need me to include the CSS or if you can just see it from inspect element, as right now my CSS is minified.

Thanks in advance for all who help.

[aaronhockey_09]

nooo helps

[backa]

Top = margin-top:-100%;
Left = margin-left:-100%;
Right = margin-left = 100%;
Bottom = margin-top: 100%;

Is the above how you've coded it? You can't declare values like that. don't use equal signs to assign values, only colons. and I don't think you can assign a property to a property.