ul.happiness li {float: left;}
a.happiness-icon{
    display: block;
    width: 15px;
    height: 15px;
    background-repeat: no-repeat;
    margin: 1px;
    background-size: cover;
}a.happiness-icon.my:hover{
    display: block;
    width: 17px;
    height: 17px;
    margin: 0;
}

a.happiness-0{ background-image: url('../images/happiness_smiles/emoticon_loser-dim.png') }
a.happiness-0.my:hover, a.happiness-0.active{ background-image: url('../images/happiness_smiles/emoticon_loser.png') }

a.happiness-1{ background-image: url('../images/happiness_smiles/emoticon_unhappy-dim.png') }
a.happiness-1.my:hover, a.happiness-1.active{ background-image: url('../images/happiness_smiles/emoticon_unhappy.png') }

a.happiness-2{ background-image: url('../images/happiness_smiles/emoticon_meh-dim.png') }
a.happiness-2.my:hover, a.happiness-2.active{ background-image: url('../images/happiness_smiles/emoticon_meh.png') }

a.happiness-3{ background-image: url('../images/happiness_smiles/emoticon_smile-dim.png') }
a.happiness-3.my:hover, a.happiness-3.active{ background-image: url('../images/happiness_smiles/emoticon_smile.png') }

a.happiness-4{ background-image: url('../images/happiness_smiles/emoticon_grin-dim.png') }
a.happiness-4.my:hover, a.happiness-4.active{ background-image: url('../images/happiness_smiles/emoticon_grin.png') }