Question

I’m trying to create a layout where the header is fixed and the middle header div is aligned with the content div.

I got two issues:

1. There is a small offset that I can’t fix.
2. The border-top of content-wrapper is not visible, why?

Fiddle: http://jsfiddle.net/sxZJ3/3/

Offset and no border-top:

Answer 1

The offset is due to you setting a padding: 5px on a width: 100%.

The reason you can’t see the border-top is because of the border-bottom on the #header, which gives it an extra 1px of height, for a total of 61px. I would decrease the height to 59px, thereby yielding a total height of 60px.

Edit: Here’s an updated fiddle