why the GWT button inside a Div with position-fixed doesn't work?

I want to use a div to create a box that is near to the bottom right corner of the browser. The box Div will lie right on top of the footer & to the bottom right corner of the browser.

The requirement is that that Div must be in that desired position relatively to the browser size. It means that when users shrink to extend the browser the div will be moved as well, but no matter how the div was moved, it should be always in that desired position.

Here is my code:

<g:HTMLPanel>

            <div class="{style.bottomRightCornerPosition}">

<g:HTMLPanel>

<g:Button text="test" />

</g:HTMLPanel>

       </div>

       </g:HTMLPanel>

Here is Css

.bottomRightCornerPosition{

position: fixed;

    bottom: 50px;

    right: 0;

}

After running, the HTMLPanel showed as expected, but I couldn't click on the button?

Why is that? How to fix it?

Can we have other solution sing Gwt coding rather css?

--
You received this message because you are subscribed to the Google Groups "Google Web Toolkit" group.
To unsubscribe from this group and stop receiving emails from it, send an email to google-web-toolkit+unsubscribe@googlegroups.com.
To post to this group, send email to google-web-toolkit@googlegroups.com.
Visit this group at http://groups.google.com/group/google-web-toolkit.
For more options, visit https://groups.google.com/groups/opt_out.