Анимированная фиксированная кнопка сбоку

Код:

<div style= "position:fixed;right:0px;bottom:55%;">
<a href="http://ссылка на тему"><img src="http://ссылка на картинку"/></a>
</div>

Домовой пишет:ПА - Оформление - Шаблоны - Общие настройки
В шаблон overall_footer_end в низ перед </body>

Код:

<div style= "position:fixed;right:0px;bottom:55%;">
<a href="http://ссылка на тему"><img src="http://ссылка на картинку"/></a>
</div>

Код:

<div style= "position:fixed; right:0px; bottom:55%;">
<a href="ссылка"><img class="asd"/></a>
</div>

Код:

.asd{
border:none;
width:25px; /*ширина кнопки*/
height:90px; /*высота кнопки*/
cursor:pointer;
background:transparent url("http://ссылка на обычную кнопку") no-repeat center;
}
.asd:hover{
border:none;
width:25px; /*ширина кнопки*/
height:90px; /*высота кнопки*/
cursor:pointer;
background:transparent url("http://ссылка на кнопку при наведении") no-repeat center;
}

Код:

.asd{
display:-moz-inline-stack;
zoom:1;
*display:inline;
_overflow:hidden;
border:none !important;
width:25px;
height:90px;
cursor:pointer;
background:transparent url("http://www.snapsnap.ru/i/1rzr.png") no-repeat center;
}
.asd:hover{
display:-moz-inline-stack;
zoom:1;
*display:inline;
_overflow:hidden;
border:none !important;
width:25px;
height:90px;
cursor:pointer;
background:transparent url("http://www.snapsnap.ru/i/2wdw.png") no-repeat center;
}

viteran пишет:ВСЕ РАБОТАЕТ! БЛАГОДАРЮ!
в опере отлично работатет, в хроме контур какойто вокруг кнопки.. ну не очень страшно

Код:

<div style="position:fixed; left:0%; bottom:55%;"><a href="ссылка" ><img class="asd" src="картинка кнопки (ширина 35px)" /></a></div>

Код:

.asd{
display:inline-block;
width:35px;
overflow:hidden;
vertical-align: top;
display:-moz-inline-stack;
zoom:1;
*display:inline;
_overflow:hidden;
}
.asd{
margin-left:-5px;
}
.asd:hover{
margin-left:0px;
}