LJ Glitch with tiny icon

[mercscilla]

Some of you might have noticed that in my layouts the modified user/community icon have been kinda cut off. It was a code that worked until today but now has to be changed.


.ljuser img {
width: 0px;
height: 0px;
background-repeat: no-repeat;
/*so that IE users will still see an image*/
background-image: url(http://i21.photobucket.com/albums/b257/beastscilla/layout/tiny_icon_user.png);
padding: 14px 13px 0px 0px;
}

.ljuser img[src="http://stat.livejournal.com/img/user.gif"] {
background-image: url(http://i21.photobucket.com/albums/b257/beastscilla/layout/tiny_icon_user.png);
padding: 14px 13px 0px 0px;
}

.ljuser img[src="http://stat.livejournal.com/img/community.gif"] {
background-image: url(http://i21.photobucket.com/albums/b257/beastscilla/layout/tiny_icon_community.png);
padding: 13px 16px 0px 0px;
}

Please move the second code bit in padding: to the end.

padding: 14px 13px 0px 0px; -> padding: 14px 0px 0px 13px;

padding: 14px 13px 0px 0px; -> padding: 14px 0px 0px 13px;

padding: 13px 16px 0px 0px; -> padding: 13px 0px 0px 16px;

OR

Add a !important. (A/N: I'm not sure about this one - I found it here.)

padding: 14px 13px 0px 0px; -> padding: 14px 13px 0px 0px !important;

padding: 14px 13px 0px 0px; -> padding: 14px 13px 0px 0px !important;

padding: 13px 16px 0px 0px; -> padding: 13px 16px 0px 0px !important;

If you have questions, please ask!