[CSS+XHTML] בעיה בעשיית כפתורים מתחלפים עם blank.gif

[FreakBox]

שלום לכולם,
התחלתי ללמוד css וxhtml למדתי כמה זמן ועכשיו אני חשבתי שהגיע הזמן לחתוך עיצובים (:
אז קודם כל אני בונה את כל הטבלאות מההתחלה לבד.. (תגידו נוח\לא נוח אני רוצה לעבוד ככה)
ועכשיו הגעתי לקטע שאני עובד עם css כדי שהכפתורים יתחלפו כשעוברים עליהם:

a img {border-width: 0; background: top left no-repeat;}
a#home img {background-image: url('images/buttons/home.gif');}
a#links img {background-image: url(images/buttons/hosting.gif);}
a#about img {background-image: url(images/buttons/resellers.gif);}

a#home img {width: 137px;height: 23px;margin-left: -28px;margin-right: 5px;}
a#links img {width: 137px;height: 23px;margin-left: -28px;margin-right: auto;}
a#about img {width: 137px;height: 23px;margin-left: -28px;margin-right: auto;}

a#home:hover img {background: url(images/buttons/home-hover.gif) top left no-repeat;}
a#links:hover img {background: url(images/buttons/hosting-hover.gif) top left no-repeat;}
a#about:hover img {background: url(images/buttons/resellers-hover.gif) top left no-repeat;}

מישהו יכול לומר לי למה אני רואה את הכפתור וכביכול מעל הכפתור אני רואה את הסימן שאין תמונה (מן X ושם התמונה שנכתבה בalt)

למי שרוצה לדעת ככה ניראה הקוד של התמונה:
<a id="home" href="home.html"><img src="blank.gif" alt="Home" /></a>

תודה רבה לעוזרים!

[Alter]

תן לינק.
בעיקרון אני חושב שיש התנגשות לא מוסברת בגלל שהתוכן של הalt זהה לשם של הid הוא עושה את זה.
תנסה לכתוב משהו אחר בalt..

[FreakBox]

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

תן לינק.
בעיקרון אני חושב שיש התנגשות לא מוסברת בגלל שהתוכן של הalt זהה לשם של הid הוא עושה את זה.
תנסה לכתוב משהו אחר בalt..

ניסיתי לשנות ולא ממש עזר..
לינק:
http://www.freakbox.co.il/ais/ais.html

אגב בFF זה בכלל ניראה זוועה.. חח

תודה על העזרה.

[Eran-s]

כי בIE אתה לא יכול לעשות img src לקובץ שלא קיים בגלל זה מציג לך ככה.
תצטרך או להכניס תוכן ריק ( &nbsp; ) או ליצור תמונה בגודל פיקסלxפיקסל בלי תוכן.

[FreakBox]

אוקיי תודה רבה ערן עזרת לי מאוד (: