JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<body>
    <div class="rollovericons">
<a href="http://www.twitter.com" class="space" id="terms"></a>

<a href="http://www.twitter.com" id="contact"></a>

    </div>
</body>

CSS

.rollovericons a#terms {
    display: block;
    width:138px;
    height:27px;
    background: url(http://icpy.webs.com/button/Terms.png) no-repeat;
}
.rollovericons a:hover#terms {
    background: url(http://icpy.webs.com/button/Terms0.png) no-repeat;
}
.rollovericons a#contact {
    display: block;
    width:138px;
    height:27px;
    background: url(http://icpy.webs.com/button/contact.png) no-repeat;
}
.rollovericons a:hover#contact {
    background: url(http://icpy.webs.com/button/contact0.png) no-repeat;
}
.space {
    margin-bottom:15px;
}