<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" SYSTEM "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<head>
<style>
a.add_advert {
background-image: url(http://javascript.ru/forum/attachments/xhtml-html-css/1095d1327324958-ne-klikabelnye-oblasti-ssylki-v-opera-123-png);
background-repeat: no-repeat;
}
a.add_advert {
position: absolute;
width: 109px;
display: block;
height: 16px;
top: 200px;
left: 200px;
background-position: 0px 0px;
text-decoration: none;
color: #FFFFFF;
font-size: 14px;
font-weight: bold;
text-shadow: 0 -1px #497E16;
padding: 7px 0px 8px 35px;
z-index: 100;
}
a.add_advert:hover {
width: 112px;
height: 16px;
top: 197px;
left: 197px;
background-position: -212px 0px;
padding: 10px 0px 11px 38px;
}
a.add_advert:active {
background-position: -212px -37px;
width: 112px;
height: 16px;
top: 198px;
left: 198px;
padding: 10px 0px 11px 38px;
}
</style>
</head>
<body>
<a class="add_advert" href="http://www.google.com">Blablabla</a>
</body>
</html>