Jquery Cycle Navigation wird nicht im IE7 angezeigt

Question

Ich benutze das jQuery Cycle Plugin für eine Diashow und die Navigation zeigt sich in allen Browsern, die ich getestet habe, außer IE7 (und IE6, aber ich mache mir darüber keine Sorgen).

Hier ist ein Beispiel http://jsfiddle.net/WVGS3/11/ (schauen Sie es auf IE7, natürlich)

Wenn ich es auf IE7 aussehen, die Navigation verschwindet. Als ob es nicht die leere .slide_nav Div. Wenn ich einen Text innerhalb des .slide_nav Divs eintippe, erscheint die Navigation zusammen mit dem Text, den ich geschrieben habe.

Beispiel hier http://jsfiddle.net/WVGS3/12/

Ich stelle den Text innerhalb eines Elements Spanne und setzen text-indent:-9999px aber das macht alles verschwinden. Ich habe display:none und display:hidden verwendet, aber sie verhalten sich merkwürdig.

Vielleicht vermisse ich etwas.

Wer weiß von allem, was hier funktioniert? Ich habe versucht mit position:relative, z-index:1000, zoom:1, auf Eltern-und Kind-Elemente, aber nichts funktioniert ....

Hoffe, dass jemand helfen kann. Vielen Dank!

Answer 1

Sie haben mindestens einen   innerhalb des div setzen als nur folgt für IE hasLayout

<div class="slide_nav">&nbsp;</div> 

Dann können Sie verwenden

$(document).ready(function() { 
    $('.slideshow').cycle({ 
     fx: 'scrollLeft', 
     pager: ".slide_nav" 
    }); 
    // Re align 
    var ml=parseInt($('.slide_nav').css('margin-left')); 
    $('.slide_nav').css('margin-left',(ml-5)+'px'); 

});​ 

in IE7 getestet, example. Mag nicht angebracht sein, löst aber das Problem.