[CSS] Dynamically Expanding Balloon window a la Google Maps

Hi I’ve been wanting to do a balloon info window using div’s but i’m having trouble splitting it. I know that I basically just have to set the first portion as background image and the tail inside another div, this div in turn inside the main div?? Where do i begin the image splitting, the tail and the body…
I was thinking also maybe append the image inside the div instead? But I don’t think it’s a good idea.

Here’s a visual representation
[center][/center]

or should i have a div for the top (rounded corners), and the bottom(tail and rounded corners), and the middle is the one repeating? I’m quite at a loss how to weave it in css. :frowning:

Thanks in advance guys