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/dynamici...nslideshow.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/