Image of asterisk displayed twice

[arian]

Please, I really need some advice

How can I add the image of the asterisk so that it doesn't display twice on the page. As it is at the moment it is displayed before 'labRequired' and after it as well. In my understanding it is not possible to add this image as a managed resource so how to do it so that it is only displayed once after the label.

Anyone knows?

<!DOCTYPE ui:UiBinder SYSTEM "http://dl.google.com/gwt/DTD/xhtml.ent">

<ui:UiBinder xmlns:ui="urn:ui:com.google.gwt.uibinder"

             xmlns:g="urn:import:com.google.gwt.user.client.ui">
   <ui:image field="requiredImage" src="images/required_indicator.gif"/>
 
    <ui:style type = "com.equillore.mcmexternal.client.ui.IndicatorLabel.Style">
       
      
        @sprite
       
        .required
         {
           
            gwt-image: 'requiredImage';
            font-weight:bold;
            width: 7px;
            height: 14px;
        }
       
        .labRequired
        {
           
            color:#2E2E2E;
            font-family: Tahoma, Geneva, sans-serif;
            font-size:8pt;
            font-style:normal;
            font-weight:bold;
        }
    </ui:style>
   
   
    <g:SimplePanel width='120px' height='21px'>
   
    <g:Grid>
        <g:row>
            <g:customCell>
                <g:Label ui:field="label" addStyleNames="{style.labRequired}"/>
            </g:customCell>
              <g:customCell>
               
               <g:Label addStyleNames="{style.required}"/>
            </g:customCell>
         </g:row>
    </g:Grid>
    </g:SimplePanel>
   
   
</ui:UiBinder>