How do I fix this text problem?

[Beermonster]

I am adding a little box with free delivery at the top of my site, when someone add's something to their cart it says you need to spend xx more for free delivery but I can't get the text to fit the box(see attached)

this is my css

div#freehead2 {
    position:relative;
	z-index:-1;
	top:-25px;
    width: 230px;
    background : url("/images/freehead_2.gif");
        background-repeat:no-repeat;
    height:55px;
	padding-top:2px;
	padding-left:2px;
	text-align: right;
    }

TIA

[sunfighter]

I think the easiest way would be to put a line feed (break) after the word more.
Putting "for free delivery" in a second line.

[Beermonster]

Thanks I did that, and I didn't think of putting the text in another div tag, which I've done and it looks fine