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>