Dashed outline around HorizontalLayout in Vaadin

Question

I have found a problem. When i click on HorizontalLayout (which contains MenuBar) then dashed border (in Firefox) or solid border #CC540A (in Chrome) appears around it. In IE7 and Opera everything is ok - it does not occur there.

screenshot available here: http://img257.imageshack.us/img257/5056/problemvaadin.png or here http://www.pl.image-share.com/ipng-27-12.html or in attachments to this topic

code snippet:

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);

Any ideas ? Thanks in advance !

Answer 1

Adding this line of css to either the layout or the menubar should fix it for both problems:

outline: 0;

(may also be outline:none but if I recall correctly both should work.)