I have been using **Sencha Touch 2.0**, I tried to create a list item including pics and the other data, but the records are overlapping on other item rows. you can view the image below:

![enter image description here](https://i.stack.imgur.com/WHNN7.jpg)

The code of the page is below:

```
Ext.define('SBR.view.Comments', {
    extend : 'Ext.List',
    xtype : 'commentspage',
    config : {
        title : 'Comments',
        iconCls : 'star',
        variableHeights: true,
        store : 'Comments',
        itemTpl : '<div class="colmask ">'
                + '<div class="colmid">'
                + '<div class="colleft">'
                + '<div class="col1">'
                + '<div>'
                + '<img src={imageUrl} alt={firstName} width="50" height="70">'
                + '</div>' // Image of Student
                + '<div>'
                + '<img src={bookImageUrl} alt={firstName} width="50" height="70">'
                + '</div>'
                + '</div>'// Image of Book
                + '</div>' // left_leftcolumn
                + '<div class="col2">{firstName}&nbsp;{lastName}</div>'
                + '</div>' // left column
                + '<div id="col3"></div>' + '</div>' // colmask
        /*onItemDisclosure : function(item) {
            console.log('Disclose more info on' + " " + item.data.subject);
        }*/
    }
});

```

Any help from anyone?