I'm supposed to have a custom minion overlay on this pet profile. I want to have it in a section that transitions and gets bigger on hover. Problem is that the minion overlay isn't showing up (X) and I really don't know what to do to make it actually show up.

This is the code I'm using for the minion bit:

{ position:absolute; top:611px; left:343px; height:100px; margin-top:-10px; padding-top:0px; font-size:x-small;}

div#pet_minion:hover { width:100px; height:105px; opacity:1;}

so for img, you have the visibility set to hidden, which means that, well, the minion image is hidden. the best way to hide the minion div until fully expanding the hover tab would be with this code:

{position:absolute; top:611px; left:535px; height:105px; width:100px; background-color:; border:1px solid black; overflow:hidden; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; max-height:8px; max-width:58px} :hover {max-height:105px; max-width:100px} img {height:0px; width:64px; padding-bottom:64px; padding-top:0px; background:url(http://i.imgur.com/edQGLYY.png) center center no-repeat}

you might have to fiddle with the position values to get it exactly where you want it, but that should work.

I'm having it set to hidden because I don't want to use the original minion image. I'm using a custom minion overlay which means that I have to use that piece of code to get rid of the minion image that I don't want, and then have the custom overlay be where the hidden one is. But I'll try the other code you wrote though. I'll let you know how it worked in a bit (have to go and fix dinner first) ^_^

[Edit] Ah, it's working now. Thank you for the help ❤️

you don't have to hide the minion image to use an overlay, though. in fact, hiding the minion image means neither the original image nor the overlay will be visible. the code i gave you should do it; you can see it in action on my pet sculptress's page.

[edit] oh, good. glad to be of help :)