I just followed this: http://toyhou.se/~forums/thread/3836.h-o-v-e-r-i-m-a-g-e/1 but I guess you don't end to understand. hmm let's see. First, I go to my all characters css (in settings) and write this: #main {width: ###px; } (I put 1250px but you can put the number you want). Like this, your hover image won't be moving with different kind of screens ;;v;;b Then, I go to every character settings and on css I add this code:

#UNIQUE NAME {position: relative; margin-left: ###px; margin-bottom: ###px; top: ###px; left: ####px; width: ###px; height: ###px; z-index: ##; background-image:url('URL');}

and I follow these steps. They're pretty important to follow! and remember some things may be in negative numbers (like -100px) ;;v;;b

---------------- #UNIQUE NAME: Please make this name unique. I call this one “hoverimg” margin-left: This should be the same as the width of your image margin-bottom: This should be the same as the height of your image, but negative. <-- HERE IT MUST BE NEGATIVE Top: How far you want the image from the top, may be negative Left: How far you want the image from the left, may be negative Width: Width of the image Height: Height of the image z-index: This is sort of like layers. Higher number labeled things will lie on top of lower numbers. I use 90, I would suggest just using that. No “px” is needed here, just a number. background-image:url('URL'): Place the image URL here. ----------------

And finally (and it's important since nothing will be seen if you don't do it), you must post this code on the PROFILE of every character (remember to put WYSIWYG off on settings!!!)

< div id=" UNIQUE NAME" style="position: relative;" >< /div >

Here you have to remove the spaces (between < and div, between " and UNIQUE, between " and >, between < and /, between div and >. (remember to change the UNIQUE NAME to the name you have)

I just tried to explain the same on the forum post but easier to get OTL Hope you can do it at the end!! ;;v;;b good luck bby~~