Help to customize my own tooltip corners and improve positioning

for first time i want to use my own tooltip script (because i don't know how to set image corners in qtip/qtip2 )

I created开发者_开发问答 this JSfiddle http://jsfiddle.net/6BjWY/14/ and its 'working' (but not the way I expected)

here is an image of what i would like:

Any idea why the left, right, bottom images (now only using colors as bg) are not displayed?? thanks!

---

Well this is closer. Have fun with it. http://jsfiddle.net/6Rthj/

Basically all you needed to do was use absolute positioning and % widths/heights