How can I stick an image in the middle of the page?
I've tried:

img {
text-align:center;
margin-left;
margin-right;
}


It just stays at the default place of top left though....

Not gonna work that way as you've found. Centering horizontally isn't all that hard, centering vertically is another thing.

To center horizontally, you'll need 2 things - one for IE, the other for FF, Opera and others:

text-align: center -- for IE - but put that on a div that will contain the image

then, for other behaving browsers, put a width on that div and use
margin: 0 auto;

To center vertically, you'll need a method like this:
http://exanimo.com/css/vertical-cent...a-floated-shim

If the image is the only thing on page you can do this way as well:
Use this image for body,html selector
background: #color url(path/file) no-repeat center center (or middle I don't remeber now );
And thats it!

Cheers guys!