सीएसएस, JQuery साइकिल और आईई मुद्दे

Question

मैं "साइकिल" नामक एक jQuery प्लगइन का उपयोग कर रहा हूं और मुझे आईई में इसके लिए सीएसएस के साथ समस्याएं आ रही हैं, यह ओपेरा, एफएफ, क्रोम और सफारी में बिल्कुल सही दिखती है, लेकिन आईई क्रैकिंग है SADS ..

www [dot] photographicpassions [dot] com/घर

आप दाहिने हाथ की ओर "नवीनतम काम" और मुख्य छवि के नीचे थंबनेल, एफएफ, सफारी, क्रोम में देखेंगे और ओपेरा, ग्रे कंटेनर सभी थंबनेल के पीछे है, लेकिन आईई में, भूरे रंग की पृष्ठभूमि थंबनेल के शीर्ष पर रुकती है .. मैंने इसे काम करने के लिए विभिन्न चीजों की कोशिश की है, इसका कोई फायदा नहीं हुआ .. क्या कोई मेरी मदद कर सकता है? ?

यहाँ कंटेनर जो IE में अच्छा नहीं खेल रहे हैं के लिए सीएसएस है:

/* latest work container */ 
div#latestHolder { 
    position: relative; 
    float: left; width: 368px; 
    margin: 0px 0px 0px 0px; 
    padding: 10px 10px 10px 10px; 
    background-color: #666666; 
} 

/* thumbnails */ 
div#nav { 
    position: relative; 
    float: left; left: 0px; 
    width: 376px; 
    padding: 0px 0px 0px 0px; 
    margin: 1px 0px 0px 0px; 
} 
    div#nav li { 
     width: 66px; 
     float: left; 
     padding: 0px 0px 0px 0px; 
     margin: 9px 9px 0px 0px; 
     list-style: none; 
     cursor: pointer; 
    } 
    div#nav a { 
     padding: 3px; 
     display: block; 
     background: #404040; 
     cursor: pointer; 
    } 
     div#nav a.activeSlide { 
      background: #ffffff; 
      cursor: pointer; 
     } 
     div#nav a:focus { 
      outline: none; 
      cursor: pointer; 
     } 
    div#nav img { 
     width: 60px; 
     border: none; 
     display: block; 
     cursor: pointer; 
    } 

किसी ने मुझे बाहर करने में मदद कर सकता है, कि शानदार होगा !! :)

Answer 1

बस अतिप्रवाह का उपयोग करें: अपने कंटेनर पर छिपा। डिफ़ॉल्ट रूप से, ओवरफ़्लो: ऑटो तत्वों को अपनी सामग्री रखने के लिए नहीं बढ़ाएगा। ओवरफ्लो सेट करना: छिपी हुई (या अतिप्रवाह: ऑटो ... बिट के साथ आप अवांछित स्क्रॉलबार को जोखिम देते हैं), आप अपने कंटेनर divs को अपने सभी बच्चों के तत्वों की ऊंचाई तक विस्तार करने के लिए मजबूर करेंगे ... फ्लोट किए गए तत्व शामिल हैं।

Answer 2

div #latestHolder बाईं ओर तैरता है, जो इसे be removed from the flow of the page पर ले जाता है। float:left; की बजाय सापेक्ष/पूर्ण स्थिति का उपयोग करने का प्रयास करें या #mainContainer div को समाप्त करने से पहले फ्लोट को साफ़ करें।

क्लियरिंग #maincontainer div तो तरह के अंत में एक ब्लॉक स्तर तत्व में फेंक शामिल होगा:

<div style="clear: both;"></div>