Furthermore, I am having an issue with the profilePage avatar. For some reason it has some space right underneath it. I am wondering how I can remove it. Using margins to remove it doesn't help since if there is an avatar that extends more than the max height of 250px the border gets hidden (because of the negative margin). This is seen in the screen shot below.
The issue seems to be because of the <span> inside the avatarScaler class or the <a> if you are on your own profile.
Edit: This little annoyance is also evident on the official xenForo forums, the actual image is 3px smaller than the height of the class 'avatarScaler', I am essentially trying to get rid of that difference.