JQuery slideDown() Issue With My Need
<p>I'm Designing a website which involves slideDown.</p>

<p>Initially i have set up a template which looks like the image below<img src="http://i.stack.imgur.com/6D2QF.jpg" alt="SlideDownBefore"></p>

<p>When i hover over each black blocks a ul list will be displayed... But a problem arises when i hover... All the content below the block moves down (This is illustrated in the following figure)</p>

<p><img src="http://i.stack.imgur.com/YC83k.jpg" alt="After SlideDown"></p>

<p>I cant give the position to be absolute because all the content above and below are floating (They Don't have a fixed height). So what else can be done to get a slideDown by holding the rest of content there and by displaying the hover content over the text?</p>
