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;
}

Reply via email to