Contorno tracejado em torno de Horizontallayout em Vaadin

Question

Eu encontrei um problema. Quando clico em Horizontallayout (que contém Menubar), depois a borda tracejada (no Firefox) ou a borda sólida #CC540A (no Chrome) aparece ao seu redor. No IE7 e na ópera está tudo bem - não ocorre lá.

Captura de tela disponível aqui:http://img257.imageshack.us/img257/5056/problemvaadin.pngou aquihttp://www.pl.image-share.com/ipng-27-12.htmlou em anexos a este tópico

fragmento de código:

HorizontalLayout rightContent = new HorizontalLayout();

rightContent.setWidth("995px");
rightContent.setHeight("117px");
rightContent.addStyleName(IEhrCssStyles.MAIN_HEADER_LAYOUT_RIGT_CONTENT);
MenuBar menuBar = createMenuBar();
rightContent.addComponent(menuBar);
rightContent.setComponentAlignment(menuBar,Alignment.BOTTOM_RIGHT);

Alguma ideia ? Desde já, obrigado !

Answer 1

Adicionar esta linha de CSS ao layout ou ao Menubar deve corrigi -la para ambos os problemas:

outline: 0;

(Também pode ser esboço: nenhum, mas se bem me lembro, ambos devem funcionar.)