How to horizontally center a fixed positioned element

Question

I have a layer with an image inside:

and it is fixed positioned:

Answer 1

Try the following.

#foo {
    position: fixed;
    left: 50%;
    width: 30%;
    transform: translate(-50%, 0);
}

Fiddle