[CSS] רוחב שדה בטופס משתנה בדפדפנים

[Udi]

היי.
אני גולש פיירפוקס, כרגע אני מקודד עיצוב וחשוב לי שיראה אותו הדבר באקספלורר ופיירפוקס...מה שככל הנרא הבלתי אפשרי.

יש טופס, ולשדות שלו יש רקע... אז בקובץ CSS עשיתי ככה:

background-image:url(images/inputTextBG.jpg);
border: 0px;
width: 111px;
height: 21px;

רוחב התמונת רקע הוא 111 פיקסלים, בפיירפוקס הוא מראה את זה מצויין כמו שצריך, אבל באקספלורר השדה מופיע ב2 פיקסלים יותר, ונוצר מצב ששחלק מהתמונת רקע מופיע שוב.. וזה מכוער :S

כאשר אני כותב 109 פיקסלים בCSS באקספלורר זה מתקבל טוב ונראה כמו שצריך, אבל בפיירפוקס רואים שהשדה קצר מידי..הקטע של המסגרת לא נכנס וזה מכוער :S

אני יכול להתעצל ולכתוב "האתר מותאם לדפדפן פיירפוקס.." ולתרץ כל כיעור שנוצר עקב השוני של הדפדפנים..
או לתקן את זה איכשהו..

יש לכם רעיונות?

תודה רבה.

[eLad]

PHP קוד:

background-image:url(images/inputTextBG.jpg);
border: 0px;
width: 111px;
<!--[if IE]> 
width: 109px;
<![endif]-->
height: 21px; 


[RS324]

אלעד..אתה רציני לגבי ה IF IE ? או שאתה מסתבלט

ולמי ששאל...
אתה יכול להגדיר שהרקע לא יחזור על עצמו על ידי הוספת no-repeat

[somebody]

הוא רציני..

[Udi]

אלעד תודה על הניסיון, אבל לא עובד.

והno repeat עושה לי רקע לבן באקספלורר, ניסיתי קודם ועכשיו - אותה תוצאה.

תודה בכל אופן.

עוד רעיונות?

[-VladK-]

תנסה:

.name {
background-image:url(images/inputTextBG.jpg);
border: 0px;
width: 111px;
height: 21px;
}

* html .name {
width: 109px;
}

[DCB]

תנסה לתת לו
margin:0
padding:0
זה גם יכול לעזור...

[-VladK-]

נכתב במקור על ידי DCB

תנסה לתת לו
margin:0
padding:0
זה גם יכול לעזור...

אם זה DIV אז לא..

[BlueNosE]

פשוט תעשה רקע יותר גדול ממה שאתה צריך (נניח 300*100) ואז זה ימתח בהתאם לדפדפן

[DCB]

נכתב במקור על ידי BlueNosE

פשוט תעשה רקע יותר גדול ממה שאתה צריך (נניח 300*100) ואז זה ימתח בהתאם לדפדפן

זה פתרון קצת "ערבי" לא?...
הרעיון הוא לתקן בעיה לא על ידי יצירת בעיה אחרת
עם הפתרון שלך יש לו עוד 2 פיקסלים שנדחפים לאתר בלי קשר...