Sliding pop up at bottom right of page
<p>Can anyone help me on how to do something like this:
<a href="http://www.101greatgoals.com/category/top-goals/" rel="nofollow">http://www.101greatgoals.com/category/top-goals/</a></p>

<p>I want a pop up like in this site in the bottom right of the page, I already have the html and css, I just don't know how to get it work, thank you for your time.</p>

<p>this is the html:</p>

<pre><code>&lt;div id="fbPopUp" style=""&gt;
        &lt;div class="top-line"&gt;&lt;/div&gt;
        &lt;div class="topControlers"&gt;
            &lt;div class="closePopUp"&gt;Close&lt;div class="closeBtn"&gt;&lt;/div&gt;&lt;/div&gt;
            &lt;span class="cookieNoPopup"&gt;
                &lt;a href="#"&gt;Don't show again&lt;/a&gt; |
            &lt;/span&gt;
        &lt;/div&gt;
        &lt;div class="PopupTheLike"&gt;
        &lt;span class="LikeTitle"&gt;Like us on Facebook&lt;/span&gt;
            &lt;div id="likeContainer"&gt;
                some content
            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/div&gt;
</code></pre>

<p>this is the css:</p>

<pre><code>#fbPopUp {
position: fixed;
right: 10px;
bottom: 15px;
width: 285px;
border: 1px solid #555;
z-index: 100000;
box-shadow: #000 0px 0px 15px;
}

.top-line {
background: #112B00;
height: 10px;
}

.topControlers {
text-align: right;
color: #000;
font-size: .9em;
background: #F2F1EF;
border-bottom: 1px solid #E5E5E5;
padding: 4px 20px 1px 20px;
width: 245px;
display: inline-block;
}

.PopupTheLike {
font-size: 1.2em;
padding-bottom: 30px;
text-align: center;
padding: 5px;
font-weight: bold;
background-color: #fff;
}

#likeContainer {
width: 170px;
margin-left: 10px;
text-align: left;
}

.topControlers .closePopUp {
position: relative;
float: right;
cursor: pointer;
margin-left: 8px;
}

.closeBtn {
display: inline-block;
width: 20px;
height: 20px;
margin-left: 5px;
vertical-align: bottom;
background: URL('Close.png') no-repeat top right;
}

.PopupTheLike .LikeTitle {
display: block;
margin-bottom: 7px;
}

.topControlers .cookieNoPopup {
float: right;
padding: 4px 0 5px 0;
}
</code></pre>
