Posizionare immagini

Salve a tutti, dovrei posizionare le icone dei social network in basso a destra (sulla barra nera) di questa home page: www.djrevolution.it

Sembrerà strano ma non ci riesco. Le immagini sono con effetto rollover (da Bianco/Nere al Colore Originale)

CSS immagini con rollover:

Codice HTML:

---

div.realizzazioni {background-image: url(../images/img1.jpg);
width:100px;
height:45px;}

div.realizzazioni a{display: block;
margin:0;
padding:0;
background-image: url(../images/img1.jpg);
width:100px;
height:45px;}

div.realizzazioni a:hover{background-image: url(../images/img2.jpg) ;
width:100px;
height:45px;}

---

HTML immagini con rollover:

Codice HTML:

---

<div class="realizzazioni"><a href="#" alt="Realizzazioni"></a></div>

---

Come li posiziono?
Vi ricordo che devo metterli in basso a destra sulla barra nera!
Grazie in anticipo del supporto :)

up...