I have a list of items on my page that are in a vertical column (shape wise not HTML5 column) and I want one or many of the items to move to the right and essentially drop out of the set and move all the way back to the top inline.

Something like 

```
<ul>
  <li>
  <li>
  <li>
<ul>

```

would go to

```
<ul>      <li>
  <li>
  <li>
<ul>

```

I know this can be done with an absolute position but it is supposed to be done in dynamic fashion, such that the items will be rendered and then moved, so I was wondering if there is any trick out there in CSS land that can make this possible. Sorry for the limited knowledge of the extent of the situation. A pure javascript (not jquery or other lib) solution that would work in IE7 could potentially work, maybe just a solution that does a count on object that have an absolute positioning and then uses the count and height to determine the top value?

Thanks for listening, looking, and maybe helping!

P.S. <http://jsfiddle.net/Mutmatt/LpXn5/1/> or <http://jsfiddle.net/Mutmatt/LpXn5/4/> depending on if you like divs or lists (i don't care if you can make it work one way or the other)