Tricky Layout Bug in IE, position issue.

Discussion in 'CSS' started by paulferree, Apr 13, 2008.

  1. #1
    I have a website I'm developing that utilizes MooTools Slides. I have a slide that hides behind another slide that contains a Cmotion2 image slideshow script.

    The problem is that the divs that contain the slide show use the [position:] element. Everything works fine in FF and Safari, but in IE the slide show actually shows on top of the slide it's supposed to be hiding behind. I finally nailed the issue down to the position style. When I remove it, it hides fine, but the slide show doesn't work. Since it works perfectly fine in FF and Safari it makes me think it's an IE bug. Any ideas on what I can do to resolve this?

    Here is the code that I'm using for this specific portion:

    <!---MAIN CONTAINER FOR SLIDE --->
    <div id="work_slide">
    <table width="70" border="0" cellspacing="0" cellpadding="0" align="center" id="work_table">
    <tr>
    <td colspan="4"><div align="left"><a id="work_slideout" href="#"><img src="/site_images/slide_out_arrow.jpg" border="0"></a></div></td>
    </tr>
    <tr>
    <td width="70">

    <!---BEGIN SLIDESHOW SCRIPT--->
    <div style="overflow:hidden;">
    <div id="motioncontainer" style="width:70px; height:260px; overflow:hidden; position:relative;">
    <div id="motiongallery" style="position:absolute; left:0; top:0; ">
    <!--Gallery Contents below-->
    <a href="#"><img src="/site_images/work_sample_thm.jpg" border="0"></a><br />
    <a href="#"><img src="/site_images/work_sample_thm.jpg" border="0"></a><br />
    <a href="#"><img src="/site_images/work_sample_thm.jpg" border="0"></a><br />
    <a href="#"><img src="/site_images/work_sample_thm.jpg" border="0"></a><br />
    <a href="#"><img src="/site_images/work_sample_thm.jpg" border="0"></a><br />
    <a href="#"><img src="/site_images/work_sample_thm.jpg" border="0"></a><br />
    <!--End Gallery Contents-->
    </div>
    </div>
    </div>

    </td></tr></table>

    Here is the live testing site: http://isignsprinting.webvisionhosting.com/

    Any help would be appreciated.

    Thanks,
    Paul
     
    paulferree, Apr 13, 2008 IP