First off... great work on the Cycle plugin. I have a set of rotating logos using Cycle and it works and looks great on FireFox, but IE7 has one problem. The logo images are indented to the right about 100px. If I remove all the images but one, then the image goes back to the left just like on FireFox. The example is currently on a secure site so I can't provide a URL, but the following code might help? Any suggestions on how this problem can be corrected?
Thanks. HTML Code: ==================== <div class="preferred-partner-box"> <div class="preferred-partner-hdr">preferred partners</div> <div id="preferred-partner-rotate"><a href="links/ partners_insite.php"><img src="links/images-partners/ logos_partners_isd.png" border="0" width="140" height="80" alt="" /></ a><a href="links/partners_lock.php"><img src="links/images-partners/ logos_partners_lock.png" border="0" width="140" height="80" alt="" /></ a></div> <div class="callout-boxes-more-links"><a href="links/ partners.php">more partners ></a></div> </div> CSS Code: ==================== .preferred-partner-box { width: 204px; height: 110px; border: 1px solid #CED2D8; margin-top: 8px; margin-bottom: 30px; z-index: 9000; } .preferred-partner-hdr { width: 134px; color: #000000; font: bold 12px "Trebuchet MS"; height: 24px; line-height: 24px; letter-spacing: 0.025em; text-transform: uppercase; text-align: left; text-decoration: none; margin: -12px 20px 0px 4px; padding: 0px 0px 0px 4px; background-color: #FFFFFF; z-index: 9010; } div#preferred-partner-rotate { width: 204px; height: 90px; margin: auto; z-index: 9000; } div#preferred-partner-rotate a img { z-index: 9000; }