Mishyigo
Hm, okay, my issues are below. I'm really sorry about this, I feel like I'm pestering, thanks again for your help.
*
- When I add these codes together (below), the moz transition code changes how my profile looks on Safari — the height changes. Instead of it being perfect, the images on my wishlist are cropped a little. Instead of the codes being exclusive for certain Firefox versus Safari/Chrome, the moz code is affecting how my hover looks in Safari/Chrome — again, images on my wishlist and writing in my comments being cropped a bit. This isn't a big deal but if there's a way to have the codes be exclusive and not affect each other, I wouldn't mind knowing.
#id_about {height: 35px; -webkit-transition: height 2s;}
#id_about:hover {height: 100px;}
#id_comments {height: 160px; -webkit-transition: height 2s;}
#id_comments:hover {height: 250px;}
#id_wishlist {height: 42px; -webkit-transition: height 2s;}
#id_wishlist:hover {height: 72px;}
#id_about {height: 30px; -moz-transition: height 2s;}
#id_about:hover {height: 107px;}
#id_comments {height: 165px; -moz-transition: height 2s;}
#id_comments:hover {height: 253px;}
#id_wishlist {height: 42px; -moz-transition: height 2s;}
#id_wishlist:hover {height: 72px;}
- Your transition code worked, thanks! Although, even though it worked, my links aren't clickable on Safari/Chrome, only Firefox. Code I used is below.
#id_contact ul li:nth-of-type(1) a{visibility: hidden;}
#id_contact ul li:nth-of-type(1) a:before {content: ' + '; visibility: visible;}
#id_contact ul li:nth-of-type(2) a{visibility: hidden;}
#id_contact ul li:nth-of-type(2) a:before {content: ' … '; visibility: visible;}
#id_contact ul li:nth-of-type(3) a{visibility: hidden;}
#id_contact ul li:nth-of-type(3) a:before {content: ' ↔ '; visibility: visible;}
- Clicking on wishlist items makes most of my page grey and then leaves an 'equipped item' pop-up on the lower end of the screen. This is only removable when refreshing.
*
Okay and that's it. Since you have Firefox you can few what I'm talking about there, although if you still want screenshots, I will provide.
Firstly, browser prefixes are browser specific, if a browser doesn't recognize it, it skips that entire property. Secondly, no need to have two sets of declaration blocks for -webkit- and -moz- they can be within the same declaration block. Next, I'm not getting any image cropping/cut offs. Screenshots please. Also, remember Safari is a semi-major browser just gets tagged along with Chrome, only a small percentage of internet users actually use it (relatively to FF and Chrome), so it doesn't have to be "exact" for them. Just close enough.
Also, I see what you mean about the links not being applied (lame)
emotion_drool However, there's a work-around for this. Set a height and width on the list item; height: 15px width: 20px; approximately, you may have to adjust those, and then set an overflow.
But the only issue I'm having that your stating out of all that is the links not being applied. So I'm thinking the images being cropped has to do with your screen resolution.
neutral
Checked in: 
50
100
150
