Переопределение переполнения для виджетов gwt DockLayoutPanel

Я создаю страницу с меню навигации слева, содержащим значки. для каждого раздела.Макет страницы выглядит примерно так:

  <g:DockLayoutPanel unit="PX">
    <g:west size="55"><g:SimplePanel ui:field="navigation" /></g:west>
    <g:center>
      <g:ScrollPanel>
        <g:Whatever ui:field="content" />
      </g:ScrollPanel>
    </g:center>
  </g:DockLayoutPanel>

При наведении курсора на каждую иконку навигационной панели должна отображаться всплывающая подсказка, содержащая название элемента и некоторые подэлементы. Я добился этого эффекта с помощью CSS, задав каждому воздушному шару положение относительно его значка.

Элемент g:west отображается как

<div style="
    position: absolute;
    overflow: hidden;
    left: 0px;
    top: 0px;
    bottom: 0px;
    width: 55px; ">

Проблема в том, что overflow: hidden.

Как сообщить DockLayoutPanel, что западный элемент может переполнять центральный элемент?

Изменить: Я нашел довольно надежное обходное решение.

navigation.getElement().getParentElement().getParentElement().getStyle()
    .setOverflow(Overflow.VISIBLE);

Кто-нибудь знает решение, не искажающее HTML-элементы?