CSS issue, background image not showing?

Can anyone tell me what's wrong with this, as the image just doesn't wanna show up (wtf)

CSS:
<style type="text/css">

#mouseRegion {
background-image: url (images/iphone.jpg);
height: 59px;
width: 59px;
display: block;
}
</style>

DIV:

<div id="mouseRegion"></div>

ps.picture is definitely there

thanks

Added (1). Hi, thanks for the answer, the image is saved locally in a folder called images in the root folder. I have the same image saved on my ftp and tried using the link too, but that didn't work either.

Added (2). Tried with quotes too.

It's the image. Email yourself the photo from your iPhone. Then, go on your computer and check your email. Save the image into your computer and upload it onto tinypic.com. After it has uploaded, copy the direct link (for layouts) and paste that link into the background image URL.

Try this: change url(images/iphone.jpg); to url('images/iphone.jpg');