jQuery sortable not working with floating items

Question

I'm trying to move one list item from one side to another. However, it doesn't seem to work. I can move the list items from left to right, but not the other way around. The left side has a float: left in the CSS filesheet. If i remove this, everything seems to work. How can i fix this?

Anyone?

Answer 1

The problem only partially has to do with your CSS. When you float:left the UL, it doesn't render as a block. The quick fix is to use a standard 'clearfix' paradigm:

#newsLayout ul {display:block;overflow:hidden}