Css Code for 3 “about me” “..of the month” and “latest” mini promo boxes/contain

I’ve been trying to add this to the end of a post page.. At first i tried making it into a simple image and overlaying the buttons but because each box is 300×300 The text was barely readable..

I hate people that don’t search or try to sort a problem on their own, after messing around with frames (horrible idea i know) I then tried to use a css auto generator (my css knowledge is not that great, i can edit it easily enough but that’s about it), thinking that what i wanted was in essence a micro page, Container [header/content with left column/footer] but it resulted in a complete mess, chrome didn’t like it so much i had to ctrl-alt-del my way out of it :S

My css skills are alot poorer than my understanding of php, and though i’ve tried reading and searched like mad for a tutorial that might match i’ve found nothing. I do know enough not to use frames however. As for the 3 boxes side by side i already have the code to manage that from a previous addition to the site.

I could use the code alot.. 🙂

Here’s is an example of exactly what i’m trying to achieve:

http://static.inky.ws/image/2488/image.jpg

I’m sorry for the link, but inky is a respectable image pastebin..