jQuery or Plugin to layout dynamic content?

jQuery or Plugin to layout dynamic content?

I am using a jQuery Slider Plugin to show different contents.
I am using 3-4 Sliders in the same page but these slider contents have different heights, So I am unable space them out consistently.
I thought setting div height="auto" would fix it but it does not.
Is there a Plugin to do this?

For Example I want a consistent spacing of 10px between each slider:

<Wrapper>

<div Slider1>
      <item1 height="100px">
      </item>

       <item1 height="300px">
      </item>

       <item1 height="600px">
      </item>
</div>

<div Slider2>
      <item1 height="600px">
      </item>

       <item1 height="300px">
      </item>

       <item1 height="900px">
      </item>
</div>

<div Slider3>
      <item1 height="200px">
      </item>

       <item1 height="500px">
      </item>

       <item1 height="400px">
      </item>
</div>

</Wrapper>

Defining the height of the Slider Container by the max height of the max height content leaves a lot of unwanted space.
Basically i want to make the Slider containers to be responsive in term of height.

Can some one help?