Text label next to jQuery UI slider

Inside a parent div, I want to have a text label on the left, and a slider (using jQuery UI) on the right. I wish the slider to take up all the available space.

So conceptually what I'll looking at is:

<div id="parentDiv" style="width:800px">
<span>Unicorn awesomeness:</span><div id="unicornSlider"></div>
</div>

But I can't get anything easily that works on Chrome, FF3 & IE7/8. Is there a relatively neat solution? I will settle for making the slider a fixed width if it substantially makes things easier, even though this is not ideal.