I'm building a new site and using the Lightbox2 photo gallery(http://www.huddletogether.com/projects/lightbox2/). I have several images...each open up their own gallery. I was having a problem with my cells increasing in height when applying the galleries to the image source. A forum member from Lightbox suggested using <div style="display:hidden">.....which works well in Firefox 2 and Netscape 8, but not in IE6(not sure about IE7). I know many people who still use IE6 so its preferred that IE6 is able to properly load the webpage. My layout doesn't shift in Dreamweaver but when viewed on the web using IE6, the cell still shifts. The following is a portion of my source code:
<tr>
<td width="167" height="32" valign="top">
<a href="images/pic1.jpg" rel="lightbox[imageset]"><img src="images/designer.gif" width="167" height="32" border="0"></a>
<div style="display:hidden">
<a href="images/pic2.jpg" rel="lightbox[imageset]"></a>
<a href="images/pic3.jpg" rel="lightbox[imageset]"></a>
</div>
</td>
</tr>
The following link is the webpage I'm working on. Notice in IE the space under the name "Candace Ang":
http://marybrennanco.com/designer_test.html
From my research online, IE doesn't seem to do well with DIVs. Haven't been able to find a fix for my problem. Any suggestions would be greatly appreciated...this appears to be the last hurdle.
Thank You ahead of time.
Tony