This is my code http://jsfiddle.net/noppanit/8D7QN/
As you can already see that the text overflows out of the container, I tried putting overflow:hidden into the text already but it didn’t work. I understand that because it’s absolute position, so technically it’s out of the container. But I’m not sure how to fix this. The text has to be on top of the image that’s why I make it absolute position.
If you guys could shed some light to me, that’s be awesome. I’m very new at CSS.
You need to set a height on the
.text_content(example) or, preferably, setoverflow:hidden;on.text_image(example).