How to make a sticky header in Magento.?

CSS code snippet for creating a fixed header that remains in the same position at the top of the page as the user scrolls down

.page-header { position: fixed; top: 0; width: 100%; z-index: 10;}