HorizontalLayout display error in IE7

my code:
public class ChameleoncaseApplication extends Application {
@Override
public void init() {
setTheme(“chameleoncasetheme”);
Window mainWindow = new Window(“Chameleoncase Application”);
HorizontalLayout layout = new HorizontalLayout();
mainWindow.addComponent(layout);
Button btn = new Button(“hello”);
layout.addComponent(btn);
layout.setComponentAlignment(btn, Alignment.MIDDLE_RIGHT);
setMainWindow(mainWindow);
}

public static void main(String[] args) {
	System.out.println(System.getProperty("os.name").toUpperCase()
			.contains("WINDOWS"));
}

}

styles.css
@import url(…/chameleon/styles.css);

the application display normally in firefox, ie8, ie9, but display unnormally in ie7, no button display. using firebug, the horizontalLayout width is only 2px. why? how to resolve it ?

The Vaadin library version is 6.7.2
12050.png
12051.png

when i use reindeer theme , all is ok!

reindeer css :
/* Rule from element “style” attribute */
element.style {
POSITION: relative;
WIDTH: 57px;
ZOOM: 1;
HEIGHT: 26px;
OVERFLOW: hidden
}

chamemelon css:
/* Rule from element “style” attribute */
element.style {
POSITION: relative;
WIDTH: 2px;
ZOOM: 1;
HEIGHT: 26px;
OVERFLOW: hidden
}

the generated width is different! why? the theme i design is based on chameleon ? how to resolve it ? who can help me ?

I have encountered to a simliar problem, have you resolved it?

Update your Vaadin-Version. The bug should be fixed since 6.7.5