MenuBar unexpected Border in Chrome but not in FF and IE

Hi,

i use actually the MenuBar. In FF and IE everthing is fine. But no
i've tested it in Chrome and my style doesnt work.

In Chrome there is a transparent border with 1px around my submenu. So
my submenu is nor exactly next to my menubar.
here are my styles:

/* Menu bar */
.myMenuBar
{
float: right;
}
.myMenuBar .gwt-MenuItem
{
color:#505050;
cursor : hand;
cursor : pointer;

background-color : #FFFFFF;
padding : 2px 10px;
width: 150px;
text-align: center;
}
.myMenuBar .gwt-MenuItem-selected
{
color : #F08200;
}

/* Sub menu */
.subMenuBar
{
float: right;
}
.subMenuBar table
{
border-collapse : collapse;
background-color: #FFFFFF;
}
.subMenuBar .gwt-MenuItem
{
cursor : hand;
cursor : pointer;

background-color : #DFDEDD;
padding : 2px 10px;
width: 150px;
border-top: 1px #ABABAB;
}
.subMenuBar .gwt-MenuItem-selected
{
color : #F08200;
}

I have used the developper tools in FF and Chrome to find the error.
In Chrome I found, that there are middleLeft and middleRight elemtents
in my submenupanel with a width of 1px. How I can disable this
elements. My real submenu is in the middleCenter element.

But I have no control over the inner layout of the submenu panel.

Kind regards,

--
You received this message because you are subscribed to the Google Groups "Google Web Toolkit" group.
To post to this group, send email to google-web-toolkit@googlegroups.com.
To unsubscribe from this group, send email to google-web-toolkit+unsubscribe@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/google-web-toolkit?hl=en.