A4 nested listview with image causes layout problem

Hi,
Thanks for the great work on JQuery mobile!

In a3 I had a nested split button list view with image thunmbnails. There appears to be some issues with that in a4.

To narrow it down I tried a nested list view with image thumbnails. On the nested list the back button is cut off. It seems to make no difference if the image exists or not. If I remove the img the sub page lays out fine.

Here is a repro:

<html>
    <head>
    <title>Page Title</title>
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a4/jquery.mobile-1.0a4.min.css" />
<script src="http://code.jquery.com/jquery-1.5.2.min.js"></script>
<script src="http://code.jquery.com/mobile/1.0a4/jquery.mobile-1.0a4.min.js"></script>
</head>
<body>
<div data-role="page">
    <div data-role="header">
        <h4>Page header</h4>
    </div>
    <div data-role="content">
        <p>Page content goes here.</p>
        <ul data-role="listview">
            <li>
               <img src="foo.png" />
                <h3>Abc</h3>
                <ul>
                    <li><a href="#">def</a></li>
                    <li><a href="#">ghi</a></li>
                    <li><a href="#">jkl</a></li>
                </ul>
            </li>
            <li>
                <img src="foo.png" />
                <h3>Def</h3>
                <ul>
                    <li><a href="#">def</a></li>
                    <li><a href="#">ghi</a></li>
                    <li><a href="#">jkl</a></li>
                </ul>
            </li>
        </ul>
    </div>

    <div data-role="footer">
        <h4>Page Footer</h4>
    </div>
</div>
</body>
</html>

Topic Participants
john

A4 nested listview with image causes layout problem

A4 nested listview with image causes layout problem

Topic Participants

john