jQuery में ग्लिची टेक्स्ट एनीमेशन

Question

मेरे पास टेक्स्ट लिंक हैं जो hover पर रंग बदलते हैं और jQuery के साथ बायीं ओर जाते हैं।

अधिकांश समय यह ठीक काम करता है, लेकिन जब टेक्स्ट "ए" पूंजी से शुरू होता है, तो कहें, यह टेक्स्ट चरित्र के पीछे एक अजीब निशान छोड़ देता है। यह वेबकिट ब्रोस्वर (लेकिन फ़ायरफ़ॉक्स नहीं) में होता है।

You can see it in action with this jsFiddle

वहाँ किसी भी तरह से इस गड़बड़ से छुटकारा पाने के है?

Answer 1

वाह, मेरी पहली भावना सही थी: पक्षों के लिए एक छोटा सा पैडिंग जोड़ें और यह ठीक काम करता है: http://jsfiddle.net/k3vnd/1/

यह सुनिश्चित नहीं है कि इसे कैसे समझाया जाए, बस प्रोग्रामिंग पृष्ठभूमि से बग को याद दिलाता है। मुझे लगता है कि यह आंतरिक वेबकिट मुद्दा है।

Answer 2

मैं क्यों यह है कि करता है, लेकिन लिंक के आसपास गद्दी की एक छोटी राशि डाल मुद्दे को हल करने लगता है पता नहीं है:

.links { 

    position:absolute; 
    left:20px; 
    margin-top:25px; 
    font-size:16.5pt; 
    font-family: Garamond, Palatino, sans serif; 
    font-style:italic; 
    padding: 1px; /* <=== added this line */ 

}​ 

यह यहाँ काम देखें: http://jsfiddle.net/jfriend00/LvT2h/