MenuBar unexpected Border in Chrome but not in FF and IE

[Foermchen82]

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+unsubscr...@googlegroups.com.
For more options, visit this group at 
http://groups.google.com/group/google-web-toolkit?hl=en.