Sortable has glitches when working with elements that are "display: inline-block"

I have came across a behavior where sortable works fine using floats, but when using inline-block (which most of the time is a better alternative for supported browsers) it doesn't really work as good as the float approach.

example here http://jsbin.com/ufajo4/

red boxes are inline-block, green boxes are floated. Notice how the red example is much less accurate and sometimes misses to place the placeholder correctly.

I created a patch:

jQuery.ui.sortable.prototype._create = function() {
	var o = this.options;
	this.containerCache = {};
	this.element.addClass("ui-sortable");

	//Get the items
	this.refresh();

	//Let's determine if the items are floating, threat inline-block as floating as well
	this.floating = this.items.length ? (/left|right/).test(this.items[0].item.css('float')) || this.items[0].item.css('display') == 'inline-block' : false;
	
	//Let's determine the parent's offset
	this.offset = this.element.offset();

	//Initialize mouse events for interaction
	this._mouseInit();

};

With the only change being this row:

	//Let's determine if the items are floating, threat inline-block as floating as well
	this.floating = this.items.length ? (/left|right/).test(this.items[0].item.css('float')) || this.items[0].item.css('display') == 'inline-block' : false;

to treat inline-block the same way as floated elements. It works fine on my testcase, but I can't say for other scenarios.