JSFiddle - React, Tailwind, and code Playground

HTML

<nav></nav>
<h1>Firefox 35.0 (Mac) Issue</h1>

CSS

html, body {
    margin: 0;
    height: 100%;
    color: #fff;
}

h1 { padding: 50px; margin: 0; }

body {
    background: #333;
    transition: transform 0.4s;
}

nav {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 200px;
    background: #666;
    transform: translate3d(-100%,0,0);
}

/* Move the body to show hidden nav on the left */