I want to add thumbnails to my list items as per the example [here](http://jquerymobile.com/demos/1.2.0/docs/lists/lists-thumbnails.html).

I've followed the [instructions](http://jquerymobile.com/demos/1.2.0/docs/lists/docs-lists.html), eg:

> 
> To add thumbnails to the left of a list item, simply add an image
>  inside a list item as the first child element. The framework will
>  scale the image to 80 pixels square.
> 
> 
> 

but the thumbnail image is appearing above my text, rather then beside it to the left.

My HTML is:

```
<li><img src="img/facebook.png"/><a id="facebook" href="#">Facebook</a></li>

```

Would anyone know the proper way of doing this?