I have some facebook style header div which is position:fixed.
So all the rest of the page when I scroll it goes under this header.
But now I made one div on that page position:relative and now it goes over header when I scroll it. Is there any way out of this problem ?
I beleive you ought to check
z-indexof your facebook style header div and make sure that the relative, new one has a z-index lower that the header.Additional question:
Does that relative div contain any media? Like flash or movie etc? That may also cause the content to be on top of other content in some browsers.