רקעים בCSS
 

יש לי תמונה מסוימת ברוחב של נניח 200 פיקסלים.
עכשיו, אני רוצה לקחת את התמונה הזאת ולעשות אותה כתמונת רקע לאלמנט ברוחב של רק 100 פיקסלים, כאשר הפינה הימנית של התמונה תהיה בצד ימין והשמאלית בצד שמאל.

כלומר, "חתכנו" 100 פיקסלים מהאמצע של התמונה הזאת.

ניסיתי לעשות את הדבר הזה בעזרת background-position אבל לא הצלחתי לעשות את זה כמו שצריך... מישהו יכול לעזור לי בזה?

תודה

אם זה background אתה לא יכול לעשות, רק עם IMG רגיל יש דרכים.

מצאתי דוגמא למה שאני מתכוון.
כנס לכאן-
http://docs.jquery.com/UI/Tabs

לך למטה לדוגמא של הטאבים הירוקים. כל אחד מהטאבים ברוחב אחר נכון? לפי האורך של הטקסט שבתוכו?
עכשיו תשים לב שבצדדים של כל טאב יש פינות מעוגלות, של אותה תמונת רקע:
http://dev.jquery.com/view/trunk/the...ora/i/tabs.png
^ זאת התמונת רקע

זה קובץ הCSS של הטאבים-
http://dev.jquery.com/view/trunk/the...flora.tabs.css

לא הצלחתי להבין מכאן איך הם עשו את זה...