Problem with two embedded components

Hallo,
I create one page with two embedded components (view code), so both embedded  elements are viewed on the same position and view the same html text.

What may I do?
Thanks

// embHtml
embHtml = new Embedded();
embHtml.setImmediate(true);
embHtml.setWidth("70.0%");
embHtml.setHeight("100.0%");
embHtml.setSource(new ThemeResource("html/test1.html"));
embHtml.setType(2);
mainLayout.addComponent(embHtml, "top:25.0px;bottom:25.0px;left:25.0px;");

// embAnalyse
embAnalyse = new Embedded();
embAnalyse.setImmediate(true);
embAnalyse.setWidth("25.0%");
embAnalyse.setHeight("100.0%");
embAnalyse.setSource(new ThemeResource("html/test2.html"));
embAnalyse.setType(2);
mainLayout.addComponent(embAnalyse, "top:25.0px;right:25.0px;bottom:25.0px;");