show content under fixed div

[scarhand]

i have a div i want at the top of the page to scroll with the page

 

the problem is that it is overlapping the top content, how do i make it so that the top content shows under the div before it starts scrolling?

 

<div style="background-color: #dfdfdf; position: fixed; width: 100%;">
fixed content
</div>
<div>
this content is being overlapped by the fixed div and therefore needs to be pushed down somehow
</div>

[Daniel0]

I'm not sure what you're trying to do. Doing stuff like position:fixed takes the element out of the box model, so of course it'll overlap other elements.