Use translate 3d for sidenav active animation

[ryndel]

Currently we are using margin-left:

.ui-sidenav-active { 
    margin-left: 80%;
}

It would be preferable to use translate3d for this.

However at the moment there is an issue with using this in combination with position fixed - in that it doesn't work with transform.

For more information on this see the following article.

http://stackoverflow.com/questions/2637058/positions-fixed-doesnt-work-when-using-webkit-transform