आईई 7 बटन सफेद रूपरेखा

Question

क्या किसी को पता है कि क्यों आईई 6 और आईई 7 button सीमा और पृष्ठभूमि के बीच एक सफेद सीमा जोड़ते हैं?

#reportButton{ 
    background:#fefcda url(buttonback.png) repeat-x bottom left; 
    border-top:2px solid #fffff8; 
    border-right:2px solid #e3b40c; 
    border-bottom:2px solid #e3b40c; 
    border-left:2px solid #fffff8; 
    color: #373535; 
    font-weight: bold; 
    margin:0 2%; 
    width:45%; 
} 

<button id="reportButton">Report a Concern</button> 

आप इस प्रयास करेंगे तो आपको सीमाओं और पृष्ठभूमि के बीच एक अजीब सफेद सीमा देखेंगे:

यहाँ मेरी सीएसएस और एचटीएमएल है। यह किसी भी अन्य ब्राउज़र में प्रकट नहीं होता है, यहां तक ​​कि आईई 8 भी नहीं।

किसी के पास कोई भी गलत फिक्स या सुझाव है कि मैं क्या गलत कर रहा हूं?

धन्यवाद!

संपादित करें: मैंने अभी देखा है कि जब मैं बटन पर क्लिक करता हूं, मार्चिंग चींटियां आती हैं और सफेद सीमा गायब हो जाती है। ऐसा लगता है कि जब बटन :active गायब हो जाता है, हालांकि यह समस्या को हल करने के मामले में मुझे बहुत मदद नहीं करता है, शायद यह किसी और के लिए होगा।

इसके अलावा, खेद है कि मैं एक स्क्रीन प्रदान नहीं कर सकता; मेरे पास इस इंटरनेट कनेक्शन के माध्यम से इसे अपलोड करने के लिए कोई जगह नहीं है।

EDIT2: यह वास्तव में प्रतीत होता है कि सीमा सफेद नहीं है लेकिन बटन के background-color है। ऐसा लगता है कि आईई बटन सीमा और बटन पृष्ठभूमि छवि के बीच 1px अंतर छोड़ रहा है।

Answer 1

, सुनिश्चित करें कि कि सीमा छवि को ही (छवि की पृष्ठभूमि) से नहीं आ रहा है सही width और height, यह भी 0 को padding की स्थापना की तरह @SLaks कहा की कोशिश की स्थापना की।

Answer 2

मुझे एक ही समस्या थी ... कम से कम आईई के लिए काम करने वाली अच्छी चाल है: "सफेद" रूपरेखा वास्तव में आपकी छवि का पृष्ठभूमि रंग है। तो इसे अपने सीमा रंग के समान ही सेट करें। यदि आपको थोड़ा मोटी-आश सीमा नहीं है, तो वहां रुकें। यदि सीमा अब बहुत मोटी है, तो अपने सीमा रंग को पृष्ठ के पृष्ठभूमि रंग पर सेट करें।

उदा। एक काला "सीमा" प्रदर्शित करने के लिए अपने बटन के लिए इस सीएसएस का उपयोग करें: पृष्ठभूमि: url (./ button_bg.gif) दोहराना नहीं; पृष्ठभूमि-रंग: # 000000; सीमा: 1 पीएक्स ठोस # एफएफएफएफएफएफ;