Buttom loses style if aligned bottom

[membersound]

I simply want a button to be aligned bottom.
Apart from the fact that the following does not work, also the button loses its GWT style completely. What am I missing here?

<ui:style>
    .bottom {
        vertical-align: bottom;
    }
</ui:style>

<g:FlowPanel>
    <g:HTML>Placeholder<br/><br/></g:HTML>   
    <g:Button text="ads" styleName="{style.bottom}"/>
</g:FlowPanel>

[Thomas Broyer]

You're using styleName="" which is UiBinder's way of doing a setStyleName() on the widget. This replaces the default gwt-Button style-name added to Buttons.

You should use addStyleNames="{style.bottom}" instead.

See http://google-web-toolkit.googlecode.com/svn/javadoc/latest/com/google/gwt/user/client/ui/UIObject.html