Problem with Vaadin 6.7.6 Layout Alignment in IE6 with Liferay 6.1GA2

Hi All,

I supposed to get the horizontal layout to be center aligned within a vertical layout. But its aligning to left side always only in IE6.
In other browsers it works fine.

PFA screenshot for IE6 and chrome.

Pls find the sample code for the same.
Also PFA eclipse project, war file, vaadin widgetset 6.7.6 (to place in ROOT/html/VAADIN folder)


public class Ie6Application extends Application {
	@Override
	public void init() {
		Window mainWindow = new Window("Vadinie6 Application");
		setMainWindow(mainWindow);		
		mainWindow.setWidth("700px");
		
		VerticalLayout verticalLayout1= new VerticalLayout();
		verticalLayout1.setSizeFull();
		
		HorizontalLayout horizontalLayout1= new HorizontalLayout();
		
		Button button1= new Button("button11");
		Button button2= new Button("button21");
		Button button3= new Button("button31");
		
		Label label1=new Label("Label");
		
		horizontalLayout1.addComponent(button1);
		horizontalLayout1.addComponent(button2);
		horizontalLayout1.addComponent(button3);
		horizontalLayout1.addComponent(label1);
				
		verticalLayout1.addComponent(horizontalLayout1);
		verticalLayout1.setComponentAlignment(horizontalLayout1, Alignment.TOP_CENTER);
		
		mainWindow.addComponent(verticalLayout1);
		
		
	}

}

Anybody help me out in resolving this problem.
12914.png
12915.png
12916.war (4.32 MB)
12917.zip (4.82 MB)
12918.zip (4.33 MB)