ultimate fadeshow - how do i have divs for each slideshow next to each other

[francescaac]

1) Script Title: Ultimate fade-in slideshow

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.htm

3) Describe problem: http://cartoonist.co.za/testing/facilities.html
I am trying to stack these divs next to each other (directly next to each other in a row) - how do i have fadeshow divs for each slideshow next to each other without them stacking like they are doing underneath each other?

[francescaac]

dont worry ive solved this with old school tables ;-)

[mlegg]

I would do it with CSS.
HTML=

<div id="left">
1 whatever
</div>

<div id="right">
2 whatever
</div>

<div id="middle">
3 whatever
</div>


CSS=

#left {
float: left;
width: 32%;
padding:1px;
}

#middle {
float: left;
width: 32%;
padding:1px;
}

#right {
float: left;
width: 32%;
padding:1px;
}


working example http://jsfiddle.net/sbxmL/56/