Jak wstawić na swoją stronę pasek informacyjny na dole ekranu

[bestmen]

Witam
Chciałbym umieścić na swojej stronce pasek informacyjny na dole strony który po przesunięciu strony zawsze był by w tym samym miejscu tzn. na dole jak np: http://www.gadudodatki.pl/skiny/
Proszę o podpowiedź a najlepiej jakiś kod gotowy do wstawienia na stronkę
oto mój css bo nie wiem gdzie ewentualnie kod wstawić
pozdrawiam
css:

/* CSS Basic Document */
body
{
margin:0px auto;
padding:0px;
background-color:#000000;
}
.gorna_tabela
{
margin-left:0px;
}
.gorna_listwa
{
background:url(../images/gorna_listwa.jpg) center top no-repeat;
height:20px; width:780px;
}
.best
{
background:url(../images/best.jpg) center top no-repeat;
height:420px; width:776px;
}
.bestpod
{
background:url(../images/bestpod.jpg) center top no-repeat;
height:50px; width:776px;
}
.prostokatA
{
background:url(../images/prostokatA.jpg) left top no-repeat;
height:137px;
padding:0px;
}
.prostokatB
{
background:url(../images/prostokatB.jpg) left top no-repeat;
height:137px;
padding:0px;
}
.prostokatC
{
background:url(../images/prostokatC.jpg) left top no-repeat;
height:137px;
padding:0px;
}
.srodek_strony
{
margin-top:10px;
margin-bottom:12px;
}
.left_line
{
border-left:1px solid #333333;
}
.right_line
{
border-right:1px solid #333333;
}
.bottom_line
{
border-bottom:1px solid #333333;
}
.dol
{
margin-bottom:10px;
}




/* CSS Background Image Document */
.top_line
{
background:url(../images/line_bg.jpg) left top repeat-x;
height:4px;
}
.top_menu_bg
{
background:url(../images/top_menu_bg.jpg) left top repeat-x;
height:26px;
padding-right:12px;
}
.bottom_menu_bg
{
background:url(../images/bottom_nenu_bg.jpg) left top repeat-x;
height:22px;
padding-right:13px;
}
.napis1
{
background:url(../images/napis1.jpg) left top repeat-x;
height:32px;
}
.dol_srodka
{
background:url(../dol_srodka.jpg) left top no-repeat;
height:50px;
}




/* CSS Text Document */
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
line-height: 14px;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #FFFFFF;
text-decoration: none;
}
.menu_link {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
line-height: 26px;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #ffffff;
background-color:inherit;
text-decoration: none;
}
.menu_link:hover
{
color:#C70202;
text-decoration:none;
background-color:inherit;
}
.bottom_link {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
line-height: 22px;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #FFFFFF;
background-color:inherit;
text-decoration: none;
}
.bottom_link:hover
{
color:#C6C6C6;
text-decoration:underline;
background-color:inherit;
}
.white_text
{
color:#FFFFFF;
text-decoration:none;
background-color:inherit;
}
.body_link
{
color:#5C5C5C;
text-decoration:underline;
background-color:inherit;
}
.body_link:hover
{
text-decoration:none;
color:#212121;
background-color:inherit;
}