html body zoom 1.2,javascript

I would add my site buttons A + and A-to zoom.

I wish that all the body is grossise

So I created this code

.container{width: 800px;background: #000;}

p{color:#fff;}

a { color: #FFCC00;}

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum, qui, sunt, totam quaerat repudiandae dignissimos maxime et perspiciatis aperiam doloremque eaque eum explicabo ullam deleniti sed adipisci obcaecati fuga similique.

function ZoomScreen100() {

document.body.style.zoom="100%"

}

function ZoomScreen200() {

document.body.style.zoom="200%"

}

function ZoomScreen300() {

document.body.style.zoom="300%"

}

function ZoomScreen400() {

document.body.style.zoom="400%"

document.body.style.zoom="400%"

}

A+

A+

A+

A+

It works on Chrome, Internet Explorer, Safari but not on Firefox and Opera. Why?