Witam, chciałem wzorując się na niżej przedstawionym skrypcie css i html stworzyć po prawej stronie przycisk, po kliknięciu, którego otwiera się na nowej stronie plik pdf. Jednak nie do końca potrafię go zmodyfikować. Przycisk wciąż działa na zasadzie wysunięcia się..

[HTML] pobierz, plaintext 
<style type="text/css">
#tab {
   width: 200px;
   height: 300px;
   position: fixed;
   top: 100px;
   background-color: #fff;
   border: 5px solid #3B5997;
   right: -210px;
   -webkit-transition: right 0.5s ease-out;
   -moz-transition: right 0.5s ease-out;
   -o-transition: right 0.5s ease-out;
   transition: right 0.5s ease-out;
 
}
#tab:after{
   content: url('http://s16.postimg.org/ctq31y56p/zakladka.png');
   position: absolute;
   left: -32px;
   top: -5px;
   cursor: pointer;
}
 
#tab:hover {
   right: 0;
}
</style>
 
<div id="tab"><center>Zachęcamy do zapoznania się z informacjami,<br>
które mogą ułatwić Państwu przygotowania przed podróżą :)<br><br>
Touroperatorzy oferują bogaty wybór wczasów i wycieczek do miejsc cieszących się ogromną popularnością wśród turystów, również rozszerzają swoje oferty o nowe kierunki... 
<br>
Kierując się różnorodnymi potrzebami klientów organizatorzy proponują:
<li>kameralne hotele w urokliwych miejscach na wakacyjny relaks,</li>
 
<li>hotele z bogatą infrastrukturą i animacjami dla rodzin z dziećmi, </li>
 
<li>obiekty z różnorodną ofertą wypoczynku dla aktywnych </li>
 
<li>ekskluzywne hotele na urlop w wielkim stylu</li><br>
<a href=/poradnikpodroznika1.pdf" target="_blank">Czytaj więcej...</a></center></div>
[HTML] pobierz, plaintext 

No a jak ma działać jak masz
position: fixed;
i różne right dla hover

Zadaj precyzyjniej pytanie...