<p>How do you create non scrolling div that looks like the MS Office 2007 ribbon on a web page without two sets of scroll bars. One for the window and one for the div.</p>

Use a fixed position
```
<div>
```
element, that has 100% width and a high
```
z-index
```
.
You'll also want to ensure that that the start of your scrolling content isn't obscured by the fixed
```
<div>
```
, until you start scrolling down, by putting this in another
```
<div>
```
and positioning this appropriately.
```
```
<body>
    <div style="position: fixed; top: 0px; width:100%; height: 100px;">
        HEader content goes here
    </div>
    <div style="margin-top: 100px;">
        Main content goes here
    </div>
</body>
```
```
Note the the height of the first
```
<div>
```
, and the top margin of the second, will need to be adjusted to suit your needs.
P.S. This doesn't work in IE7, for some reason, but it's a good starting point, and I'm sure that you can work out some variation on this theme, that works in the way that you want it to.