display image next to field
===

I need to validate a field such that if it has a value, a 'tick' symbol is displayed next to the field.

I have the following javascript function which does the validation

    function validate_this_field(field_value, field_id)
    {
       if($j('#' + field_id).val() ) {   
       $j('#' + field_id ).addClass('mandatory_field_completed');
       }
    }


**css code**

    .mandatory_field_completed{
        border-style: solid;
        border-width: 1px;
        border-color: green;
        background:url(../images/tick.png) right no-repeat;
       padding: 4px 4px 4px 34px;
    }

The problem with the above css is that the image is displayed inside the field. I would like to display the 'tick' image outside and next to the field being validated.

Any suggestion is most appreciated.

Thanks a lot.