وضع خلفية للأزرار عند مرور الماوس

input.liteoption:hover {
background-color : #fff;
background-image: url('[color=blue][b][url=http://i44.tinypic.com/301hraq.gif]http://i44.tinypic.com/301hraq.gif[/url][/b][/color]');
background-position: top;
font-weight : bold;
[b][color=darkgreen]color: #8d1717[/color][/b];
}

input.mainoption:hover {
background-color : #000;
background-image: url('[b][color=blue][url=http://i44.tinypic.com/301hraq.gif]http://i44.tinypic.com/301hraq.gif[/url][/color][/b]');
background-position: top;
font-weight : bold;
[b][color=darkgreen]color: #8d1717[/color][/b];
}

button.button2:hover, input.button2:hover {
border-width: 2px;
border-style: outset;
border-color: #000000;
background-image: url('[color=blue][b][url=http://i44.tinypic.com/301hraq.gif]http://i44.tinypic.com/301hraq.gif[/url][/b][/color]');
background-position: top;
[color=darkgreen][b]color: #8d1717[/b][/color];
background-position: 0 100%;
}