[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>

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