Listview - Item Template Styling - Cross Browser Differences

This is a follow up on my previous question (ListView - ItemTemplate table styling). I am still trying to make the ItemTemplate look like this: ____________________________________

Solution 1:

Just a suggestion. Get rid of the tables if possible. And try a div layout. A layout template output can be like (http://jsfiddle.net/V5aCa/1/):

<divstyle="overflow:auto;"><divclass="leftColumn"><imgsrc="http://static.adzerk.net/Advertisers/da748a4c6e9b4c97af37c32af7531544.jpg"/></div><divclass="rightColumn"><divclass="titleRow">Title</div><divclass="nameRow">Name</div><divclass="values"><div>value1</div><div>value2</div></div><divclass="values"><div>value3</div><div>value4</div></div></div></div>

and the css:

.leftColumn
{
    float:left;
    width:150px;
    overflow:auto;
}
.rightColumn
{
    float:left;
    overflow:auto;
}
.titleRow,.nameRow
{
    text-align:center;
}
.values
{
    clear:both;
}
.valuesdiv
{
    float:left;
    padding:0px3px;
}