שאלה ב CSS

[LosNir]

שלום,
יש לי שאלה ב CSS.
יש לי 2 div ים שלכל אחד מהם יש id משלו:

#div1 {
background: url('1.jpg');
float: left;
}

#div2 {
background: url('2.jpg');
float: right;
}

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

הקטע הוא שאני רוצה ש div1 תמיד יראו את כל תמונה לרוחב, ושלא תחזור על עצמה,
וש div2 יהיה לכל הרוחב שנשאר, והוא יחזור על עצמו כשצריך.

איך אפשר לעשות את זה?

תודה.