UIBinder, HTMLPanel, and style interactions

I'm noticing something weird. It is my first attempt at using
HTMLPanel. The app is laid out with a DockLayoutPanel. The south
panel is a footer panel and simply has a piece of text in it, which is
always there. I want the text to be right justified with a bit of
padding.

<g:HTMLPanel width="100%" height="100%" styleName="my-footer-panel-
style">
<div>
<ui:msg>Some Text Here</ui:msg>
</div>
</g:HTMLPanel>

The style, my-footer-panel, has a font, color, and padding. The
padding doesn't appear to work.

When I look at the page in Firebug I seem some strange things (see
below). The style is in there (as a class), but the style attribute
looks to be overriding the class with some inline styles.

<div style="position: absolute; overflow: hidden; left: 0px; right:
0px; bottom: 0px; height: 24px;">
<div class="my-footer-panel-style" style="height: 100%; width: 100%;
position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px;">
<div>Some Text Here</div>
</div>
</div>

Why does the DIV have both a class and a style? Where does the style
come from (the DockLayoutPanel)?

Mike

--
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.