jsf - prime faces DockMenu component scrolling how to fixed the position of component -

my xhtml page is:

hai

    <h3>ph.no: 804-349-4677</h3>     </div><div>     <p:dock position="top">                   <p:menuitem value="home" icon="/templates/homechange.png" url="welcome.xhtml"></p:menuitem>                   <p:menuitem value="logout" icon="/templates/logout.png" url="index.xhtml"/>                   </p:dock>      </div> 

tha above header.xhtml here scrolldown page component dockmenu scrolled automatically how can fix position of dockmenu constantly

with css, overriding top container position rule dock-container-top class:

.ui-dock-container-top {   position: absolute !important; } 

hope helps!