When I add an image to a list box row (between <li> tags), it becomes a thumbnail positioned to the left. I'd like to let it span the entire row's width. What do I do to make this happen? If the image is larger than the row, I need it to automatically reduce and not push the row out.
This is what I have, and doesn't work:
- <ul data-role="listview" data-dividertheme="b">
<li data-role="list-divider">Full Web Site</li>
<li><a href="http://www.site.com/">site.com</a></li>
<li data-role="none"><img style="width:100%" src="http://www.site.com/pictures/car.jpg" alt="car" title="car">
</li></ul>