title: Styling normal html elements with UiBinder
body: <p>I have the following UiBinder code:</p>
  
  <pre><code>...
      &lt;div&gt;
          &lt;g:Label&gt;Hello,&lt;/g:Label&gt;
          &lt;g:Button ui:field="button" /&gt;
      &lt;/div&gt;
  ...
  </code></pre>
  
  <p>Now I want to style the div element and lets say give it a red border. The clear way as far as I know is, to define a style attrinute like this:</p>
  
  <pre><code>    &lt;ui:style&gt;
      .redborder {
          border: 1px solid red;
      }
      ...
  
  &lt;/ui:style&gt;
  </code></pre>
  
  <p>so the code all  in all would look like this :</p>
  
  <pre><code>...
          &lt;div styleName="{style.redborder}"&gt;
              &lt;g:Label&gt;Hello,&lt;/g:Label&gt;
              &lt;g:Button ui:field="button" /&gt;
          &lt;/div&gt;
  ...
  </code></pre>
  
  <p>but in the HTML page the red border isn't drawn. Now I looked into the page with Firebug (or how you call the thing in Google Chrome) and saw, that the div element has the correct class name, but the borwser can't find the class yet. If on hte other hand I put same style element to the button everything works fine.</p>
  
  <p>Does anybody has an idea what it behaves like this?</p>
  
  <p>Regards,
  Stefan</p>