I'm trying to add a web icon to an iPhone/iPod ready weblog. It is a WordPress page.

I'm trying to add the link to the icon png file thus:

<link rel="apple-touch-icon" href="/images/apple-touch-icon.png"/>

This is in the header where the other link stuff is, like a call to the stylesheet. But no icon shows up when the page is saved to the Home Screen.

The link is correct and the icon is a 59x60 png image like the other icons I have made.

What am I doing wrong here? I'm sure I'm overlooking something obvious.

EDIT: Turned out it was just a path problem. For future readers, the icon doesn't have to be linked to. Just put an icon called "apple-touch-icon.png" in your site root and it will be displayed. Safari adds a glossy icon mask to it as well to make it look nice and official. More info here: http://www.webmasterworld.com/html/3560399.htm

P.S. The icon should be 57x57 pixels, not in the usual size.