Use absolute positioning instead of fixed.
It seems it's possible to use ratchet with ipad-like two column layout. But it should use `absolute` positioning instead of `fixed` to work correctly.

Fix:

```
// Fixing ratchet.
[class*="bar-"] {position: absolute;}
.content {position: absolute;}
```

![Screen Shot 2013-03-31 at 12 00 19 PM](https://f.cloud.github.com/assets/94196/321464/3162cd1a-99d9-11e2-94a8-0c08f4a562aa.png)

Source: 

```
@left-panel-width: 320px;

// Layout.
.i-column {top: 0; bottom: 0; overflow: hidden; position: absolute;}
.left-panel {.i-column(); box-sizing: border-box; border-right: 1px solid #393939; width: @left-panel-width;}
.right-panel {.i-column(); box-sizing: border-box; left: @left-panel-width; right: 0;}
```
