[jQuery] Cycle Plugin and IE7 alignment offset
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;
}