How can I get my website to be zoomed out by default on mobile phones?

Question

So I want users to be able to see my background on my website. Currently my websites width is 925px and when you view the website in a mobile browser (e.g. iPhone, Opera Mini) it is zoomed in on the text and the user can't see the background.

I've tried using the meta viewport tag unsuccessfully. How do I get my website to be zoomed out by default on mobile browsers?

EDIT:

Here is the code I've tried so far:

<meta name = "viewport" content = "width = device-width">

Answer 1

I'm surprised meta viewport didn't work for you (on Mobile Safari). Can you post what you used?

UPDATE: This generally works for me... give it a try:

<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" />

If that works, you can then start playing with the scale values to let users zoom if they want to, and by how much.