Form Errors

[eluser]dippy[/eluser]
i cannot get the text to stop coming up over the icon...

i have the error printing at the top of the page and i am trying to have an "x" icon show up next to the form field the user forgot.

here is the code for just the form. my files are pretty big to put it all up...

controller:

Code:

if($service != 'none'){
                return TRUE;
            }else{
                $this->form_validation->set_message('check_service', 'Please select a service');
                return FALSE;
            }

view:

Code:

<? echo validation_errors();?>
                   <div class="searchBoxError">
                        &lt;?php echo form_error('serviceType', '<div class="errorIcon">', '</div>'); ?&gt;
                   </div>
                    <div class="searchBoxRight">
                        <div class="searchBoxHeader"></div>
                        <br />
                        <select class="searchTxtb" name="serviceType" id="serviceType">
                            <option value="none" selected="selected">Select Service...</option>
                                &lt;?php foreach($siteServices->result() as $service): ?&gt;
                <option value="&lt;?=strtolower($service->service);?&gt;" &lt;?=set_select('serviceType', strtolower($service->service)) ?&gt; >&lt;?=$service->service;?&gt;</option>
                &lt;?php endforeach; ?&gt;
                        </select>
                      </div>

i have the error text "Please select a service" showing up at the top AND over top of the errorIcon div.

is there a way to just show the icon and no text?

thanks in advance.