CSS problem with graphic

Hi Folks,

I’m trying to create a header for my widgets. I’ve attached the image

Here is my html so far:

<div class=“widgethead”>
<strong>Bring n Buy</strong>
<span></span>
</div>

I’ve set the icon as the background of the span, this deletes the widget if its clicked. The jquery behind this deletes it if clicked.

I can’t get the icon to float to the right of the div, without clearing it.

I’d like the curved background to be transparent too.

Problem is, I need this to work in IE6, can anyone please help?

Many thanks