html - Weird display of Select button in IE8 -

तो यह मेरे पास एक चुनिंदा बॉक्स के साथ हो रहा है:

कोई स्क्रॉलबार न देखें, और यह IE8 में विंडो शीर्षक में सभी तरह से खोल रहा है। यह वेबकिट या एफएफ पर नहीं होता।

HTML:

  & lt; div class = "fblock" & gt; & Lt; लेबल & gt; नगरपालिका & lt; / label & gt; & lt; br / & gt; & Lt; चयन करें नाम = "नगरपालिका" आईडी = "नगरपालिका" वर्ग = "चयनकर्ता" & gt; & Lt;! - todo: नगर पालिकाओं के साथ भरें - & gt; & Lt; विकल्प मान = "अगवाडा" & gt; अगुआडा & lt; / विकल्प & gt; & Lt; विकल्प मान = "अगुअस ब्युनास" & gt; अगुअस ब्युनास & lt; / विकल्प & gt; & Lt; विकल्प मान = "Arecibo" & gt; अरिशिबो & lt; / विकल्प & gt; & Lt; विकल्प मान = "बेएमैन" & gt; बायामोन & lt; / विकल्प & gt; & Lt; विकल्प मान = "काबो रोजो" & gt; काबो रोजो & lt; / विकल्प & gt; & Lt; विकल्प मान = "Caguas" & gt; Caguas & lt; / विकल्प & gt; & Lt; विकल्प मान = "कैनवास" & gt; कैनवास & एलटी; / विकल्प & gt; & Lt; विकल्प मान = "कैरोलिना" & gt; कैरोलिना & lt; / विकल्प & gt; & Lt; विकल्प मान = "केये" & gt; केये & lt; / विकल्प & gt; & Lt; विकल्प मान = "शिरा" & gt; सिड्रा & lt; / विकल्प & gt; & Lt; विकल्प मान = "डोरोडो" & gt; डोरडो & lt; / option & gt; & Lt; विकल्प मान = "फजर्डो" & gt; फाजार्डो & lt; / विकल्प & gt; & Lt; विकल्प मान = "गुयामा" & gt; गुयामा & lt; / विकल्प & gt; & Lt; विकल्प मान = "गुयानाबो" & gt; गुयानाबो & lt; / विकल्प & gt; & Lt; विकल्प मान = "गुरुबो" & gt; गुरबो & lt; / विकल्प & gt; & Lt; विकल्प मान = "हेटिलो" & gt; हैटिलो & lt; / विकल्प & gt; & Lt; विकल्प मान = "Humacao" & gt; Humacao & lt; / विकल्प & gt; & Lt; विकल्प मान = "मानत" & gt; मानत & lt; / विकल्प & gt; & Lt; विकल्प मान = "म्याग्राएसेज़" & gt; मायाग्राएसेज & lt; / विकल्प & gt; & Lt; विकल्प मान = "पोंस" & gt; पोंस & lt; / विकल्प & gt; & Lt; विकल्प मान = "सान जुआन - कंडोडो" & gt; सान जुआन - कंडोडो & lt; / option & gt; & Lt; विकल्प मान = "सान जुआन - हटो रे" & gt; सान जुआन - हटो रे & lt; / विकल्प & gt; & Lt; विकल्प मान = "सान जुआन - राओ पेड्रास" & gt; सान जुआन - राओ पाइदास & lt; / विकल्प & gt; & Lt; विकल्प मान = "सान जुआन - संतूरस" & gt; सान जुआन - संतूरस & lt; / विकल्प & gt; & Lt; विकल्प मान = "सैन जुआन - विएगो सान जुआन"> सैन जुआन - विज्जो सान जुआन & lt; / विकल्प & gt; & Lt; विकल्प मान = "सैन सेबास्टी" & gt; सैन सेबास्टीअनै & lt; / विकल्प & gt; & Lt; विकल्प मान = "Toa Alta" & gt; Toa Alta & lt; / विकल्प & gt; & Lt; विकल्प मान = "ट्रुजिल्लो अल्टो" & gt; ट्रुजिलो अल्टो & lt; / option & gt; & Lt; विकल्प मान = "याौको" & gt; याको & lt; / विकल्प & gt; & Lt; / चयन & gt; & Lt; / div & gt;   
 सीएसएस:  
  चुनें। चयनकर्ता {पैडिंग: 2px 5px; सीमा: 1 पीएक्स ठोस # 56AB4E; -moz-बॉर्डर-त्रिज्या: .2em; -webkit-बॉर्डर-त्रिज्या: .2em; सीमा-त्रिज्या: .2em;} चुनें। चयनकर्ता: फोकस (बॉक्स-छाया: 0 0 5px # 77BE5E; -मोझ बॉक्स-छाया: 0 0 5px # 77BE5E; -वेबकिट-बॉक्स-छाया: 0 0 5px # 77BE5E;} div.fblock {डिस्प्ले: इनलाइन-ब्लॉक; बाईंओर तैरना; पैडिंग: 0px 10px 10px 0px} div.fblock.button {मार्जिन-शीर्ष: 10px} div.fblock-container {स्पष्ट: दोनों; फ्लोट: कोई नहीं; प्रदर्शन क्षेत्र; चौड़ाई: 100%}   
 क्या हो रहा है पर कोई विचार? मैंने कुछ उदाहरण देखा है जो आईई 7 पर समस्याओं को ट्रिम कर रहा है, लेकिन यह स्पष्ट रूप से मामला नहीं है। IE8 में संगतता मोड भी ठीक नहीं होता।  
 मुझे यकीन है कि यह कुछ सीएसएस संपत्ति है जो मैं देख रहा हूं लेकिन मुझे स्टम्प्ड है।   
 
 
 इसे अपने  सीएसएस  में जोड़ें, शायद समस्या को हल करने में मदद मिलेगी:  
  .selector {height : 100px; अतिप्रवाह: स्क्रॉल; }