I am having an issue and it's driving me nuts. I want a banner to span the top of the browser window, regardless of how wide the browser is. I have a b_left.png (282x92px) that I want in the upper left and b_right.png (247x92px) that I want on the opposite end. I have a b_filler.png (1x92px) that I want to use as a background image for the middle filler piece. This is what I have so far:
The left and right imgs go where they need, but no background fills the center. If I remove float: left, the background fills but then the right image drops down below the height of the left/middle, augh!
try scrapping the middle div, and putting the b_filler as a background image on the outermost container -- so it stretches 100% across the top. then your other two images can just sit over the top of it.