Spinning Problem

[Deadweight]

I currently have this objects spinning; however, while it spins it changes the top location. I do not know why but any help would be great. Here is my website:
http://thebcelements.com/dhtml_test/spin/

[coothead]

Hi there Deadweight,

in your "main.css" file you have this highlighted property...

.photo {
	position:absolute; top: 50%; 
	margin: 0 auto;
	border-bottom:1px solid black; border-top:1px solid black; 
	text-align:center; transform: translate(0, -50%);
	width:100%; 
	z-index:10;
}

...which appears to be the cause of your problem.

coothead

[Deadweight]

I need that to vertically align in the middle.

[Deadweight]

Good news i fixed it so it is always centered :3 Thanks for trying to help ^^
(If you wanna view it i updated it)
http://thebcelements.com/dhtml_test/spin/