CSS float-problem med baggrund

Hej folkens.

Jeg sidder med et problem som irriterer mig grænseløst. Jeg har en side som har en baggrund bestående af tre billeder - top, middle og bottom. Disse er arrangeret i tre divs, med indhold i.

I #middle, har jeg to elementer som jeg skal have til at passe til baggrunden. Den ene er enten floatet left eller right - men uanset hvad jeg gør, bliver indholdet ved med at spilde ud over det nederste baggrundsbillede i #bottom, som kan ses her: http://farm3.static.flickr.com/2548/3859156338_3b3291587e_o.png

Hvordan kan jeg fikse dette, så mit indhold tilpasses baggrunden? Jeg har prøvet med at sætte en height, min-height og simpelthen at justere #bottom-billedet - men der må da være en nemmere måde, tænker jeg?