Hey that's great to hear! Sorry for not getting back to you sooner. Do you still need this?
First, you gotta create the big overall background/area, for example my thread has box width 830px and height 950px with a background image of the ice cream. The background/area for the entire left side was about 950 height and 200 width. Each smaller box on the left was just 200 width and 200 height or so.
The entire box on the right had " float: right;" so yeah that was how the magic happened. The float: left, float: center, and float: right will help you position the boxes. The text may fly outside if something is not right, ahha.
Maybe this example will help too? Copy paste and preview it in a post.
[css-div="width: 400px; height: 300px; background-color: #49372B; text-align: center;"][css-div="width:150px; height: 260px; float: left; background-color: #fce666; text-align: left; padding: 20px; font-family: tahoma;"]hey
important stuff[/css-div][css-div="float: right; background-color: #663300; color: white; width: 150px; height: 260px; padding: 20px;"]