Progress Bars in ListGrid don't display properly in IE

[alabianca]

Hello,

Having an issue with progress bars displaying properly in Internet Explorer.

Basically, the bars extend far past the right and left side bounds of their parent cells.

The progress bars work just fine in Firefox and Chrome.

Here is some sample code:

public class MyListGrid extends ListGrid {

	public MyListGrid() {
		super();
		
		this.setShowRecordComponents(true);
		this.setShowRecordComponentsByCell(true);
	}
	
	@Override
    protected Canvas createRecordComponent(final ListGridRecord record, Integer colNum) {
        String fieldName = this.getFieldName(colNum);  
        
        if (fieldName.equals("deploymentProgress")) {  
            Progressbar progress = new Progressbar();
        	
            progress.setPercentDone(record.getAttributeAsInt("percentComplete"));
            progress.setShowTitle(true);
            progress.setTitle(record.getAttributeAsString("percentComplete")+ "%");
            
        	return progress;  
        }
        else {  
            return super.createRecordComponent(record, colNum);
        }  
    }
}

Has anyone else had this issue?

Thanks.