links inside Div not working in IE

[amercado]

Below is a snippet of html where i'm trying to display a div with a transparent background image that overlays over the web page. On top of this div is a table with images which i want to act as links, but apparently any link inside the div does not work in IE 6 or 7. this does work in firefox though. any Event handlers attached to the any div's or tables in side the containing div will not work eithe. can anyone please help me  in making the links/ event handlers work inside this div? Thanks

 

 

<div class='text' id='itemTooltip' style='position: absolute; background-image: url(http://www.something.png); z-index:100; width:100%; height: 100%; text-align: center; display:none' >

    <center>

           

                <table style='background-color:#FFFFFF;' class="text" border="0" cellpadding="0" cellspacing="0" width="606" id='toolTipTable'>

                    <tr>

                    <td background='http://www.something.png' style=' width: 7px; height: 39px;'></td>

                   

                        <td background='http://www.something.png' style='background-repeat:no-repeat;' width='237' align='center'></td>

                        <td background='http://www.something.png' style=' background-repeat:repeat-x;' width='300' align='left'></td>

                        <td background='http://www.something.png' width='20' align='center' style='background-repeat:no-repeat;' onClick="hideTooltip('itemTooltip')"></td>

                        <td background='http://www.something.png' align='right' style=' background-repeat:no-repeat;' width='20'></td>

                       

                    </tr>

                </table>

               

                    <table style='background-color:#FFFFFF;' class="text" border="0" cellpadding="0" cellspacing="0" width="606">

                    <tr height="31">

                            <td background='http://www.something.png' style=' background-repeat:repeat-y;' width="13"></td>

                            <td background='http://www.something.jpg' width='553'><div style='display:inline;' id='overviewDiv'><a  onClick="showTab('overviewImg');" href="BLOCKED SCRIPTvoid 0;"><img id='overviewImg' src="http://www.something.jpg" border="0"></a></div><div style='display:inline;' id='galleryDiv'><a onClick="showTab('galleryImg');" href="BLOCKED SCRIPTvoid 0;"><img id='galleryImg' src="http://www.something.jpg" border="0"></a></div><div style='display:inline;' id='virtualDiv'><a onClick="showTab('virtualImg');" href="BLOCKED SCRIPTvoid 0;"><img id='virtualImg' src="http://www.something.jpg" border="0"></a></div></td>

                           

                            <td background='http://www.something.png' style=' background-repeat:repeat-y;' align='right' width="14"></td>

 

                    </tr>

                    <tr>

                            <td background='http://www.something.png' width="13"></td>

                            <td bgcolor="#c5c5c5" width="1"></td>

                    </tr>   

                </table>

                   

    </center>

</div>

[fenway]

It's probably just a layering issue, which one is "one top"...

[janroald]

At first glimps I must say i agree with fenway. Try playing with you z-index'es, I see your container-div has a index of 100, but none of your other layers has been assigned an index.

 

On the other hand, I suspect you have done some trickery to get your transparent png background working in iE. Maybe :

 

_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://www.something.png');

 

Is this the case or have you used some other magic, like a js-hack to get it working? If so your problem is a familiar one with several solutions, but I wont get into them unless it's the actual case here.

 

Just try to remove your transparent png background anyways, and report back if it changes anything.