Absolute divs next to eachother
===

In my html page i have two divs inside a container div. The two inner divs have a 'position: aboslute'. Becuase they have to be placed at the bottom left corner of the container div.

This works great when the container div only has one inner div. But when i add a 2nd div, then the 2nd div is placed ontop of the first inner div. Which makes sense ofcourse. But now i'm trying to find a way to have them next to eachother instead of them overlapping eachother.

The inner divs are generated. So i can't manually add an ID to them. All they have is one class name.

Example:

http://jsfiddle.net/sYGfq/

Anyone any idea how to solve this?