CSS Sticky Div - footer

#footer{
background:#ccc none repeat scroll 0%;
border-top:1px solid #666666;
bottom:0pt;
color:#09f;
font-size:x-small;
font-style:normal;
height:1.8em;
left:0pt;
padding:0pt;
position:fixed;
text-align:center;
width:100%;
}

CSS Sticky Div on top of my page

I wanted to create a div that will serves as toolbar on my page till i come up with this one.

STICKY DIV ON TOP ON MY PAGE : CSS
----------------------------------

#tool-bar {
background:#777777 none repeat scroll 0%;
border-bottom:1px solid #292929;
color:#ccc;
font-size:85%;
padding-top:2px;
height:15px;
left:0pt;
position:fixed;
top:0pt;
width:100%;
z-index:1;
}

On my html page
------------------

<div id=\"tool-bar\">
My Tool Bar Floating on top of my page
</div>