I'm having some trouble implementing a new image menu using CSS code in SCCP. The code works perfectly on a page by itself and I have no problems:

http://www.craftysmiths.com/imagelinks.html

Using the same identical html markup in SCCP, my images don't display correctly:

http://shop.craftysmiths.com/test.php

Is this a limitation of the software? PHP? My code? I would appreciate any help on this.

Looks like your missing your style sheet link reference code.
<link href="my.css" type="text/css" rel="stylesheet">

I placed the CSS link in the custom header content of the shop. Without that link, the laser-engraved imaged doesn't show up at all. I tried placing the CSS link on the test page and removing it from the header, but I don't see any change.

The style sheet can be found at http://www.craftysmiths.com/includes/imagelinks.css.

It seems that the page isn't recognizing the image shifting, both initially and during hover. I have to assume that there is a problem with my syntax and SCCP is more strict about it than plan html. Any ideas?

I tried a few things and taking your non working code and styling and pasting it into the same page setup as you working example makes it work. So I tried a few more things and narrowed it down to doc type deceleration causing the issue, at least for me. I would say this being caused by the shop page itself. I think this would be a good spot to use an iframe.

Very interesting. The suggestion to use the iframe worked perfectly! Thanks for that tip. It was a totally bizarre problem and I appreciate your help!

Glad I could help. Have fun with your new discovery.