How can I make the floating image float to the top right of the div?

I have a bunch of dynamically generated divs. When the text is longer, it will automatically wrap. That's fine, but the floating delete icon floats to the bottom.

A few things to note before looking at the code. The width in the example is static, but in my usage the width is defined by the container. I'd rather not use absolute positioning and keep it as a last resort.

Here's an example of what I'm talking about ( http://jsfiddle.net/3FYv8/1/ )

<div class="deletableGroup">Marketing Department
    <img title="delete" src="http://icons.iconarchive.com/icons/dryicons/simplistica/16/delete-icon.png"/>
</div>
<div class="deletableGroup">Sales
    <img title="delete" src="http://icons.iconarchive.com/icons/dryicons/simplistica/16/delete-icon.png"/>
</div>

CSS：

.deletableGroup img {
    padding-left: 5px;
    padding-top: 2px;
    cursor: pointer;
    float: right;
}
.deletableGroup {
    width: 125px;
    padding: 2px;
    border: solid 2px lightskyblue;
    background-color: #F5F5F5;
    border-radius: 5px;
    margin: 3px;
    display: inline-block;
}