you have this on your canvas #canvas
background: url(images/michael.png) no-repeat transparent;
background-position-x: right 10px;
background-position-x: 453px;
instead try
background: url(images/michael.png) no-repeat right transparent;
i am guessing the multiple background-position-x plus the fact that one has 2 values in it would be your problem. Chrome is letting messy code slide where FF and IE are saying "you're doing it wrong"
http://michaelajfarrellfoundation.org/foundation/
Try changing your background to this for #canvas:
I think it's a bit of a mess code wise, I don't think you're clearing your floats properly. Read this article by @chriscoyier - http://css-tricks.com/all-about-floats/
you have this on your canvas #canvas background: url(images/michael.png) no-repeat transparent; background-position-x: right 10px; background-position-x: 453px;
instead try background: url(images/michael.png) no-repeat right transparent;
i am guessing the multiple background-position-x plus the fact that one has 2 values in it would be your problem. Chrome is letting messy code slide where FF and IE are saying "you're doing it wrong"
oh ha. My bad for some reason I completely ignored the big black box with the answer in it. But yeah jkinney768 has it.
Thanks guys!! Didn't even notice that I had multiple background-positions